IE6：在 jQuery 选项卡内选择不会呈现下拉列表

Question

我在 jQuery 选项卡中有一个表单；我以简单的方式创建选项卡：

$("#tabs").tabs({selected: 1});

所选索引 1 是放置表单的选项卡。问题是，在使用 IE6 的远程计算机上，单击下拉箭头时，两者都选择仅显示一个小空行，而不是包含选项的列表：

不正确的下拉列表 http://queen3.at.tut.by/DropDownIE6jQuery.PNG

这些选项位于页面源代码中，并且所有内容实际上都可以在其他计算机、其他浏览器以及 IE6 中运行（虽然我使用IETester）。

一切都会正常工作

• 如果我删除选项卡创建，即 .tabs() - 选项确实会出现并工作，那么 ；或者
• 首先选择没有表单的选项卡（选项卡 0），然后单击它 - 选项确实出现并起作用
  • 仅在点击时；创建选项卡后的编程 .tabs("select", 1) 没有帮助

有谁知道什么会导致此问题？是 IE6 的 bug 还是我的脚本有什么问题？

更新：嗯，感谢这个，我发现它与我的CSS - 如果我禁用 Site.css 它就可以工作。我只考虑了脚本。还是得弄清楚那是什么。

更新：好的，这是由以下 CSS 规则引起的：

body { font-size: 0.7em; }

如果我设置 0.8 或更大，它会起作用，但对于 0.7 及更少的 IE6 会出现指示的错误。

有人可以解释一下吗？是的，它是 IE6 - 从定义上来说很奇怪，但是在我看来这个太奇怪了。

Answer 1

我也遇到了这个确切的问题，虽然我无法通过改变任何正文字体大小来解决它，但我确实设法使用（稍加修改的）“丑陋的黑客”方法来解决它，如 dev.jqueryui.com/ticket/4734 链接，由 CiscoIPPhone 发布：

// Ugly hack to switch tabs in IE6, fixing select menu bug.
  if($.browser.msie && $.browser.version.substr(0, 1) <= 6) {
    $("#tabs").tabs({ selected: 1 }); 
    setTimeout(function() {
       $("#tabs").tabs("select", 0);
    }, 10);
  }

似乎超时是避免这种情况的关键漏洞。

Answer 2

我发现此解决方法可以解决某些计算机上的问题，但不能解决其他计算机上的问题。

我的解决方案是最初隐藏样式表中的所有选择元素，然后在调用 $( "#tabs" ).tabs() 之后我使用 $('select').show( ) 显示它们。

这为我解决了。