Question

我正在开发一个需要创建标签的项目，我需要激活最后创建的标签。

我正在使用JUI 1.9，但我找不到有关它的文档。

这是我用来创建标签的一些代码：

 function addSearchResult(title, content) {
     var id = "tabs-" + tabId,
     li="<li><a href='#"+id+"'>"+title+"</a><span class='ui-icon ui-icon-close'></span></li>";

     tabs.find( ".ui-tabs-nav" ).append( li );
     tabs.append( "<div id='" + id + "' data-index='"+indexTab+"'><p>" + content + "</p></div>" );
     indexTab++;


     tabs.tabs('option','active', indexTab); /*THIS IS NOT WORKING FOR ME :S */
     tabs.tabs( "refresh" );
 }

Answer 1

好的，我还没试过 - 但看起来你的代码中有一个错误。尝试更改为：

 function addSearchResult(title, content) {
 var id = "tabs-" + tabId,
 li="<li><a href='#"+id+"'>"+title+"</a><span class='ui-icon ui-icon-close'></span></li>";

 tabs.find( ".ui-tabs-nav" ).append( li );
 tabs.append( "<div id='" + id + "' data-index='"+indexTab+"'><p>" + content + "</p></div>" );
 indexTab++;


 tabs.tabs('option','active', indexTab-1); /* NOTE THE -1  */
 tabs.tabs( "refresh" );

}

你的indexTab变量有一个后增量，所以当你设置当前标签时，需要先看看它的外观。

Answer 2

你可以伪造一个点击

 tabs.find("li:last a").click()

如何选择创建的jQuery UI选项卡？

2 个答案: