Question

我在我的Web应用程序上设置了jQuery Tab工具，它可以在选项卡之间单击，但我想要做的是能够在另一个javascript函数完成后选择一个选项卡。阅读完文档并进行搜索后，我无法成功完成此操作。

我有搜索功能，当有人搜索时，我希望选择搜索标签并进入查看状态。

搜索功能结束时：

var tabby = jQuery('#right-tabs').tabs();
tabby.tabs('select', 1); // switch to second

HTML：

<div id="right1">
    <ul class="tabs" id="right-tabs"> 
        <li><a href="#" id="articles-tab">Articles</a></li> 
        <li><a href="#" id="search-tab">Search results</a></li> 
    </ul> 
    <div class="panes" id="right-panes">
        <div id="articles-panel"></div>
        <div id="search-results-panel"></div>
    </div>
</div>

我遇到了一个firebug错误，说“Uncaught TypeError：无法读取未定义的属性'jquery'。”

我还尝试了另一种方法......只需手动设置/删除类，使用：

jQuery("ul#right-tabs a").removeClass('current');
jQuery("ul#right-tabs a#search-tab").addClass('current');
jQuery("div#articles-panel").hide();
jQuery("div#search-results-panel").show();

这样可行，但它会产生一种奇怪的行为，在您单击所选选项卡之前不会让您单击任何其他选项卡，然后它会让您单击其他选项卡。

所以，我不确定如何让jQuery工具与我想做的事情合作。它应该很简单，我正在考虑对此嗤之以鼻，只是从头开始编写。但是，如果你们有办法让任何一种方法工作，或者更好的方式，我真的很感激它！

更新

我所需要的只是：

var api = jQuery("ul#right-tabs").data("tabs");
api.click(1);

我错误地找到了jQuery选项卡的示例，而不是jQuery工具选项卡。

Answer 1

我需要的是：

var api = jQuery("ul#right-tabs").data("tabs");
api.click(1);

我错误地找到了jQuery选项卡的示例，而不是jQuery工具选项卡。

使用jQuery工具选择选项卡

1 个答案: