jquery.ui.tabs 用代码如何调整选项卡的顺序?

Question

本帖最后由 wowoqingshen 于 2010-03-16 11:40:39 编辑

Answer 1

<div id="tabs">
  <ul>
       <li><a href="#tabs-1">tab1</a></li>
       <li><a href="#tabs-2">tab2</a></li>
       <li><a href="#tabs-3">tab3</a></li>
       <li><a href="#tabs-4">tab4</a></li>
  </ul>
</div>
现在顺序是1234，比如我想把tab4放到tab1的后面。顺序变成1423

Answer 2

你试试不通过tabs插件, 直接用jquery操作dom吃饭去咯...

Answer 3

改用 insertAfter() 和 appendTo() 就好了。会自动删除原节点.

Answer 4

$("#tabs").tabs().find(".ui-tabs-nav").sortable({axis: "x"});;