2011-05-31 126 views
3

如果我創建一個jQuery UI選項卡控件。我添加一個選項卡。我添加了第二個選項卡。如何切換標籤的位置?如何使用jquery將jquery UI選項卡的位置與另一個UI選項卡交換?

我希望能夠創建在標籤按鈕開始一個新的標籤,所以我用

$('.tabs').tabs("add","tabContent.htm","New Tab") 

但這創建標籤,並將其追加等植物學標籤按鈕結束,但我需要它在開始時出現。我如何使用jQuery切換他們的職位?

不確定如何刪除並重新添加按鈕之前的其他人。

+0

看起來像你有一個答案。您還可以讓用戶使用以下標籤對標籤進行排序:http://jqueryui.com/demos/tabs/sortable.html – Milimetric 2011-05-31 20:49:54

回答

2
$('.tabs').tabs("add","tabContent.htm","New Tab", 0) 
+0

在結尾添加0,使該標籤處於選中狀態。他希望將它作爲第一個標籤出現在標籤容器的前面。 – sadmicrowave 2011-05-31 20:45:46

+0

我認爲在0之前加逗號會使它工作。 – Dusty 2011-05-31 20:52:48

+0

是啊,這工作正常,當你添加逗號 – Chris 2011-05-31 20:54:24

0

我不是很確定.tabs()的語法,但它聽起來像你想.prepend()。這樣的事情:

//assuming .tabs is the tab container 
$('.tabs').prepend($(this).tabs("add","tabContent.htm","New Tab")); 
+0

不行,這不行,標籤是一個小部件 – Milimetric 2011-05-31 20:49:12

+0

是的 - 我不認爲這會工作 – sadmicrowave 2011-05-31 20:51:48

4

我相信有一個可選的第四個參數的.tabs方法,它允許這一點。

.tabs("add" , url , label , [index]); 

我認爲這可行。

$('.tabs').tabs("add","tabContent.htm","New Tab", 0)