排序Jquery Tab面板

Question

我有一个标签面板。

它可以通过单击add tab按钮动态添加选项卡。

典型的用例场景如下：

• I在面板
• 中有多个选项卡打开Tab-1、Tab2、Tab-3和Tab-4，并通过关闭选项卡从面板中删除其中的Tab-2和Tab-3。

这将使Tab-1和Tab-4留在面板中。

现在，如果我尝试添加新的选项卡，那么选项卡的顺序是Tab-1，Tab-4，Tab-2，Tab-3。

我想在jquery中对面板进行排序，使其成为Tab-1、Tab-2、Tab-3和Tab-4。

救命啊！！

Answer 1

AFAIK UI不提供本机的这种功能。

选项卡的顺序由DOM中的顺序来定义。

获取一个插件，该插件可以对任何dom元素进行排序，并使用它对选项卡div(或LI，或任何必需的元素类型)进行排序。

我发现的一些快速例子是

http://tinysort.sjeiti.com/

http://james.padolsey.com/javascript/sorting-elements-with-jquery/

当然还有：https://www.google.com/search?q=jquery+sort+elements