带有 IE7 问题的 jQuery UI 选项卡

Question

我是 jQuery 新手。

我用

<script src="test/lib/jquery-1.4.2.min.js" type="text/javascript" charset="utf-8"></script>
<script src="test/lib/jquery-ui-1.8.custom.min.js" type="text/javascript" charset="utf-8"></script>
<link rel="stylesheet" href="ui_tabs/css/jquery-ui-1.7.2.custom.css" type="text/css" media="screen" charset="utf-8"/> 
<script type="text/javascript" src="test/stab_ui.js"></script> 

和stab_ui.js

$(document).ready(function(){
  $('#testtab').tabs();
});

IE7 在我的网络应用程序上出现 UI 选项卡布局问题。

UI 选项卡的位置与我使用的其他 jQuery 插件重叠。我想知道这是否与 zIndex 有关。如果是这样，我需要帮助来了解在何处以及修改此修复程序的内容。

对于其他最新的浏览器 Safari 和 FF，UI 选项卡显示得很好。

我必须修改 jQuery 脚本中的哪个位置来修复 IE 浏览器问题。我担心这个问题也可能适用于IE6/7/8。

如果您需要查看问题，请告诉我，我可以与您分享问题的实际情况。

谢谢你的建议。 非常感谢您的帮助。我们是认真的。

真诚的 chz

更新

我们尝试使用:

<script src="test/lib/jquery-1.4.2.min.js" type="text/javascript" charset="utf-8"></script> 
<script src="test/lib/jquery-ui-1.8.4.min.js" type="text/javascript" charset="utf-8"></script> 
<link rel="stylesheet" href="ui_tabs/css/jquery-ui-1.8.4.custom.css" type="text/css" media="screen" charset="utf-8"/> 
<script type="text/javascript" src="test/stab_ui.js"></script> 

不幸的是，jquery UI 选项卡的布局仍然与我们的 jquery 插件 TreeView 重叠，并且 UI 选项卡内的分页也无法渲染。 还能是什么？ 如有任何帮助，我们将不胜感激。

Answer 1

快速浏览一下，我发现您在新脚本中包含了一些旧的 CSS。 jQuery UI 同时发布更新的 CSS 和 JavaScript，它们在许多方面紧密相连，单独升级其中之一必然会导致问题。

我最近从 1.7 升级到 1.8 中了解到，1.8 样式表不止有一些专门针对 IE7 的修复(主要是缩放)，而且还伴随着脚本更改。

您的 ui_tabs/css/jquery-ui-1.7.2.custom.css 应升级到等效的 1.8 版本，您可以在 CSS 文件顶部找到该版本的 URL ，假设您之后没有修改它，该链接将带您到 ThemeRoller具有相同的颜色/图像配置，因此您可以获得生成的 1.8+ 版本。