jquery-ui - IE6 : select inside jQuery tabs does not render dropdown list

Question

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

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

选定的索引 1 是放置表单的选项卡。问题是，在带有 IE6 的远程计算机上，当单击下拉箭头时，都选择只显示一个小的空白行而不是带有选项的列表:

Incorrect dropdown http://queen3.at.tut.by/DropDownIE6jQuery.PNG

选项在页面源代码中，所有内容实际上都可以在其他机器、其他浏览器和 IE6 中运行(尽管我使用 IETester)。

如果我，一切也都有效

删除选项卡创建，即 .tabs() - 选项确实出现并起作用；或

首先选择不带表单的选项卡(选项卡 0)，然后单击它 - 选项确实出现并起作用

仅在点击时；创建选项卡后的编程 .tabs("select", 1) 没有帮助

有谁知道什么会导致这种情况？是 IE6 错误还是我的脚本有问题？

更新:嗯，感谢 this ，我发现它与我的 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);
  }

似乎超时是避免此错误的关键。