的jQuery可排序：檢查元素的數量和表現

Question

我有這段代碼 http://jsfiddle.net/THnan/

，但每次我排序，我想檢查有多少孩子的元素有目的地格，如果他們更比N代碼應該把目標div的最後一個孩子放在開始div的BEGINNING（即使最後一個孩子是新的排序元素）。

我希望我說清楚。 我該如何實現這種行爲？

預先感謝您！

Answer 1

那麼，這裏是一個「天真」（如在，採取第一種方法，跳到腦海）版本，使用可排序的receive事件。使用N來表示任何一方的元素的最大數量。

http://jsfiddle.net/3NBT7/1/

$(function(){ 
    var N = 4; 

    $("#left-side, #right-side").sortable({ 
     axis: "x", 
     connectWith: ".droppable", 
     receive: reSort 
    }) 
    .disableSelection(); 

    // Called when a sortable item has been received, see above 
    function reSort(event, ui) 
    { 
     var other, children; 

     children = $(this).children(); 

     if (children.length > N) 
     { 
     // Find the other sortable panel, based on id. 
     // There are other ways, depending on the HTML. 
     other = ($(this).attr("id") == "left-side") 
       ? $("#right-side") 
       : $("#left-side"); 

     // Insert last child before first child of other: 
     children.last().insertBefore(other.children().first()); 
     } 
    } 
}); 

如果訴諸依賴於身邊，我會使用if/else語句來代替：

http://jsfiddle.net/3NBT7/4/

 if (children.length > N) 
     { 
      if ($(this).attr("id") == "left-side") 
      { 
       children.last().insertBefore($("#right-side").children().first()); 
      } 
      else 
      { 
       children.first().insertAfter($("#left-side").children().last()); 
      } 
     }