jQuery附加<；选择>；，通常隐藏，在模态窗口使用后重新出现

如果我使用了错误的术语，请提前道歉，我对jQuery还很陌生

我正在一个设计响应性强的网站上工作。在较小的屏幕尺寸下，菜单通过jQuery/CSS替换为select下拉菜单。（我通过jQuery附加

字段，通过CSS将其默认为

display:none

，然后通过CSS媒体查询以较小的分辨率显示。）

这一切都很好，但似乎存在一个冲突，即在模式窗口中自动显示更大版本的图像。查看此页面，单击第一幅图像，然后注意菜单下方出现的

这是我用来创建下拉列表的代码：

// Create the dropdown base
$("<select />").appendTo(".nav");

// Create default option "Go to..."
$("<option />", {
   "selected": "selected",
   "value"   : "",
   "text"    : "Go to..."
}).appendTo(".nav select");

// Populate dropdown with menu items
$(".nav a").each(function() {
 var el = $(this);
 $("<option />", {
     "value"   : el.attr("href"),
     "text"    : el.text()
 }).appendTo(".nav select");
});

$(".nav select").change(function() {
  window.location = $(this).find("option:selected").val();
});

}

这是我的媒体查询：

@media all and (max-width: 800px) {

.nav .menu-top-menu-container {
    display:none;
}

.nav select {
    display:block;
    font-size:1em;
    margin:1em auto;
} 
}

---

lightbox插件在我运行的大多数网站上都运行得很好，所以我打赌这是我的代码的问题，但我对jQuery不是很了解。任何想法都将不胜感激，谢谢

我通过在中运行jQuery解决了这个问题

jQuery(window).load(function($)

而不是

jQuery(document).ready(function($)

[编辑]： 事实上，我不相信以上是最终的解决方案。我认为在jQuery本身（最新版本，1.7.2）中，

字段的样式在模式窗口关闭后被设置为

”

（空白，翻译为

内联块

）。如果我理解正确，这是一个“修复”问题的

s在早期版本的IE中有一些高得离谱的z索引，从而通过模式窗口显示。jQuery将模式窗口显示设置为

display:none

，然后在窗口关闭后重置它们

---

然而，在我的例子中，这是将

display:inline block

添加到先前隐藏的

元素的结果。我通过添加一个

修复了这个问题！重要信息

正在设置CSS两个位置显示：的声明。唷

我仍然不明白这个问题，我应该点击哪张图片？第一张，五个人（董事会）的图片。谢谢你看！我根本无法点击它，你确定你有事件监听器吗？它在IE8、IE9、FF和Chrome（在PC上）中为我工作。。。不确定模态窗口为什么不显示。你使用的是什么操作系统/浏览器？嗯，不知道该说什么-我可以点击该图像并看到一个模式窗口&在Windows7上的Chrome18中的后续问题。

jQuery(document).ready(function($)