在IE7选定状态下的jQuery选项卡

Question

我正在使用jQuery为Web应用程序创建一个选项卡负载。到目前为止，我只使用了基本示例provided from here，没有任何运气。该标签内容的作品，主题显示正确，但是当我点击一个选项卡上选项卡的状态没有改变。此应用程序IE7下工作，任何其他浏览器也无所谓任何（可能我只想补充一点，我不是IE7的用户，我是一个狂热的Firefox用户）

<div class="ui-tabs ui-widget ui-widget-content ui-corner-all" id="tabs"> 
<ul class="ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all"> 
    <li class="ui-state-default ui-corner-top ui-tabs-selected ui-state-active"><a href="#tabs-1"><span>Nunc tincidunt</span></a></li> 
    <li class="ui-state-default ui-corner-top"><a href="#tabs-2"><span>Proin dolor</span></a></li> 
</ul> 
<div class="ui-tabs-panel ui-widget-content ui-corner-bottom" id="tabs-1"> 
    <p>Tab one content goes here.</p> 
</div> 
<div class="ui-tabs-panel ui-widget-content ui-corner-bottom" id="tabs-2"> 
    <p>Tab1 one content goes here.</p> 
</div> 

继这是由jQuery's ThemeRoller提供的CSS，所以我包括如下所示：

<link href="/intranet/common/stylesheets/jquery-ui/ui.all.css" rel="stylesheet" type="text/css" /> 
<script src="/intranet/common/javascript/jquery-1.2.6.min.js" type="text/javascript"></script> 
<script src="/intranet/common/javascript/jquery-ui.js" type="text/javascript"></script> 

我然后使用启用选项卡下面：

<script type="text/javascript"> 
    $(document).ready(function() { 
    $("#tabs > ul").tabs(); 
    }); 
</script> 

正如我所说，标签内容起作用，一切都是主题，但是一旦我在标签上“点击”，标签的状态就不会变为活动状态。 ThemeRoller在IE7中工作，但我的页面没有。我不知道自己出错的地方，我已经玩了几个小时，至少试图让它工作。

任何想法？

Answer 1

考虑升级到最新版本的jQuery（1.3）。我已经用1.2.6的旧css（flora）测试了你的代码，它可以工作。使用我刚刚下载的ThemeRoller，它不适用于Firefox或IE。

也请尝试使用最新版本的jquery-ui。最安全的赌注是直接从ThemeRoller下载尝试javascript文件和css文件和图像。