jQuery中的可排序選項卡Sortable

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"); 
     }); 
     } 
    }); 
    });