需要一些建議來使用JQuery UI選項卡添加新選項卡！

我將在我的web應用程序上使用JQuery UI Tabs插件。需要一些建議來使用JQuery UI選項卡添加新選項卡！

現在我需要一些建議來解決問題。

首先，我想要在新選項卡及其內容創建時選擇新添加的選項卡。例如。當我點擊製作一個新標籤時，應該儘快顯示新標籤及其內容。

其次，我需要身邊標籤列表按鈕[應該是最後的選項卡]創建新的空白標籤和內容。只是鏈接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);

來源

2011-01-28 qinHaiXiang

首先

當u創建一個新的標籤類.ui-tabs-selected添加到新創建的選項卡...ü可以用$ ("#idOfNewlyCreatedTab").addClass(".ui-tabs-selected")，並確保從先前當前選定的選項卡中刪除這個類...

來源

2011-01-28 06:19:30 Rafay

感謝。但是這樣我不得不做大量的addClass（）和removeClass（）。我會稍後再嘗試。 – qinHaiXiang 2011-01-28 06:29:28

或者，您可以使用像「tabCounter」這樣的全局變量，在添加或刪除選項卡時增加或減少該變量。

要添加新的選項卡，設置它的URL，然後切換到新添加的選項卡，你可以這樣做：

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++; 
}

來源

2011-03-30 19:16:10

需要一些建議來使用JQuery UI選項卡添加新選項卡！

回答

相關問題