javascript - 使用 jQuery 工具选择选项卡

Question

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

我有一个搜索功能，当有人搜索时，我希望搜索选项卡被选中并进入 View 。

在搜索功能的最后:

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 错误，提示“未捕获的类型错误:无法读取未定义的属性‘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 工具选项卡。