使用jQuery工具选择一个标签

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

我有一个搜索功能，当有人搜索时，我想要选择搜索选项卡并进入视图。

在搜索功能的结尾：

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>

我得到了一个萤火虫错误说 “遗漏的类型错误：无法读取的未定义的属性 '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工具与我想要做的事情配合。这应该很简单，我正在考虑在这方面进行拯救，并且从头开始写。但是如果你们有办法让这两种方法都有效，或者更好的方法，我会非常感激！

UPDATE

所有我需要的是：

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

我被错误地发现了jQuery的标签，而不是jQuery的工具选项卡的例子。

来源

2011-08-15 skiindude22

你可以在jsFiddle中重新创建问题吗？ http://jsfiddle.net/ – thinkdevcode

我无法在jQuery Tools选项卡api文档的'select'方法中找到任何东西。你确定'select'是一个有效的方法吗？我可以通过这样做来选择一个特定的选项卡：'$（“＃right-tabs li a”）[1] .click（）'，但我认为会有一种方法。 – RoccoC5

已修复！答案是：var api = jQuery（“ul＃right-tabs”）。data（“tabs”）; api.click（1）; – skiindude22

我需要的是：

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

我被错误地发现了jQuery的标签，而不是jQuery的工具选项卡的例子。

来源

2011-08-16 21:42:22 skiindude22

使用jQuery工具选择一个标签

回答

相关问题