Question

我将在我的网络应用程序中使用JQuery UI Tabs插件。

现在我需要一些建议来解决问题。

首先，我希望在创建新标签及其内容时选择新添加的标签。例如。当我单击以创建新选项卡时，应尽快显示新选项卡及其内容。

其次，我需要在标签列表旁边的按钮[应该是最后一个标签]来创建新的空白标签和内容。只需链接 firefox或chrome的标签样式。所以，我可以让用户自己加载新内容。

非常感谢您提出任何建议!!

[UPDATE] 要切换新创建的Tab.There有一个插件选项：

Zero-based index of the tab to be selected on initialization. To set all tabs to unselected pass -1 as value.

代码示例

Initialize a tabs with the selected option specified.
$( ".selector" ).tabs({ selected: 3 });
Get or set the selected option, after init.
//getter
var selected = $( ".selector" ).tabs( "option", "selected" );
//setter
$( ".selector" ).tabs( "option", "selected", 3 );

Answer 1

<强>第一

当您创建新标签时，将类.ui-tabs-selected添加到新创建的标签中...您可以使用$ ("#idOfNewlyCreatedTab").addClass(".ui-tabs-selected")并确保从之前当前选择的标签中删除此类...

Answer 2

或者，您可以使用像“tabCounter”这样的全局变量，当添加或删除选项卡时，该变量会递增和递减。

要添加新标签，设置其网址，然后切换到新添加的标签，您可以执行以下操作：

function addTab(tabTitle, url) {
   // Add the tab
   $tabs.tabs("add", "#tabs-" + tabCounter, tabTitle);

   // Set the url of the new tab
   $tabs.tabs("url", tabCounter, url);

   // Switch to the tab.
   $tabs.tabs("select", tabCounter);

   // Increment the tab counter.
   tabCounter++;
}

需要一些使用JQuery ui Tabs添加新标签的建议！

2 个答案: