如何使用jQuery交换一个jQuery UI选项卡与另一个UI选项卡的位置？

Question

如果我创建了一个jQuery UI选项卡控件。我添加了一个选项卡。我添加了第二个选项卡。如何切换选项卡的位置？

我想要能够在选项卡按钮的开头创建一个新的选项卡，所以我使用

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

但是这会创建一个选项卡并将其附加到现有选项卡按钮的末尾，但我需要它出现在开头。如何使用jquery切换它们的位置？

不确定如何在其他按钮之前删除和重新添加该按钮。

- Chris

---

看起来你已经得到了答案。你也可以让用户使用以下链接对选项卡进行排序：http://jqueryui.com/demos/tabs/sortable.html - Milimetric

Answer 1

我相信.tabs方法有一个可��的第四个参数，可以实现这一点。

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

我认为这会起作用。

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

- Dusty

Answer 2

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

- AlexC

---

在末尾添加0可以使该标签被选中，而他希望它被预置到选项卡容器中，以显示为第一个选项卡。 - sadmicrowave

抱歉，我的错。是的，应该有逗号100%。 - AlexC

哦，看起来你已经将这个标记为答案了，但由于我的回答已经得到了赞同，我决定将它添加到我的答案中，以供那些在搜索类似问题时偶然发现它的人参考。 - Dusty

Answer 3

我不太确定.tabs()的语法，但听起来你想要.prepend()。像这样：

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

- sadmicrowave