Сортировка вкладок в jquery Сортировка

Question

В этом примере http://jqueryui.com/sortable/#connect-lists-through-tabs он подключил списки через вкладки. Как я могу сортировать вкладки?

Answer 1

Можно, как в этом примере в JSFiddle

$(function() { 
    var tabs = $("#tabs").tabs(); 
    tabs.find(".ui-tabs-nav").sortable({ 
     axis: "x", 
     stop: function() { 
     tabs.tabs("refresh"); 
     } 
    }); 
    }); 
    $(function() { 
    $("#sortable1, #sortable2").sortable().disableSelection(); 

    var $tabs = $("#tabs").tabs(); 

    var $tab_items = $("ul:first li", $tabs).droppable({ 
     accept: ".connectedSortable li", 
     hoverClass: "ui-state-hover", 
     drop: function(event, ui) { 
     var $item = $(this); 
     var $list = $($item.find("a").attr("href")) 
      .find(".connectedSortable"); 

     ui.draggable.hide("slow", function() { 
      $tabs.tabs("option", "active", $tab_items.index($item)); 
      $(this).appendTo($list).show("slow"); 
     }); 
     } 
    }); 
    });