如何在jquery-ui中制作标签，以便在行中重新排序？

Question

如果我在jquery-ui的tabs小部件中有很多选项卡，那么标签会分成几行。不幸的是，如果我选择第一个标签，它会保留在第一行，与它所代表的内容在视觉上分离。

选择“移动性”标签下方。

是否可以重新排序选项卡行，以便包含所选选项卡的行停止运行？

Answer 1

选择选项卡后，您可以将该选项卡放在最后。这样它看起来不会分离

$( "#tabs" ).tabs({
select: function(event, ui) {
    $(ui.tab).parents('li').insertAfter($('#tabs ul li:last')); //insert after last tab      
}       
});

小提琴http://jsfiddle.net/z6CEq/