javascript - Shadowbox.js 隐藏了我选择的输入

Question

我确定我不是第一个遇到这个问题的人，但我还没有找到解决方案。

我正在使用 Shadowbox以最简单的形式；只是用像

这样的链接做一个图像弹出窗口

Click <a href="myimage.png" rel="shadowbox">here</a> to view the image.

这工作正常，但有一个非常奇怪的副作用:当我单击链接时，我页面上表单的所有选择输入(即下拉框)都消失了。用 Firebug 稍微窥探一下就会发现 CSS 正在被修改以提供 <select>标记属性 visibility: hidden .当图像消失时，输入会重新出现。

毫不奇怪，这种情况在浏览器中始终发生。

由于输入全部重新出现，我可能可以保持原样。但是，如果(例如)无法加载图像，并且脚本无法显示它，输入将保持不可见状态。而且，它看起来很奇怪，让我很抓狂。 :D

其他可能相关或不相关的因素:

• 我过去很少使用 Shadowbox，很可能遗漏了一些非常明显的东西。
• 我的页面及其表单由 CakePHP 生成。
• 该页面使用 jQuery，Shadowbox 使用 jQuery 适配器。
• 消失的输入没有有class属性。他们确实有 id CakePHP 生成的属性，但这些名称非常适合我的应用程序，不太可能导致任何 CSS 冲突。
• 据我所知，所有 的选择输入都消失了，而且页面上没有其他 元素、输入或其他元素受到影响。 (甚至与输入关联的标签也不受影响。)
• 版本:Shadowbox 3.0.3、jQuery 1.4.2、CakePHP 1.3

Answer 1

这很可能是 shadowbox 中的一个半错误。选择标签被隐藏是因为在某些版本的 IE 中，它们是使用 Windows native 控件呈现的，因此总是出现在具有 z-index 的任何其他元素的“上方”。这显然是 ShadowBox 的问题，所以解决方案是在显示框的同时隐藏它们。 Shadowbox 显然应该只对有问题的浏览器执行此操作，但我认为他们采用了一种更通用的方法来始终隐藏它们。