Gọi $ (mục) .sortable ('cancel') trên Drop event của disables có thể phân loại có thể sắp xếp

Question

Tôi có một số danh sách được kết nối có thể sắp xếp, đồng thời là nơi có thể di chuyển được. Vấn đề là khi tôi gọi phương thức hủy có thể sắp xếp trong sự kiện thả có thể phân hủy, sắp xếp được phân loại và không hoạt động nữa. Ví dụ http://jsfiddle.net/zSnBA/10/ cố gắng di chuyển số div 102 vào danh sách thứ hai: bạn sẽ thấy rằng sự kiện hủy sẽ được gọi nhưng có thể sắp xếp không hoạt động nữa? Bất kỳ giúp đỡ?

Answer 1

tôi khuyên bạn không làm cho danh sách sắp xếp được kéo là tốt, nhưng lắng nghe những sự kiện receive trên sắp xếp được để hủy bỏ sự kiện:

$('div.products-list').sortable({ 
    connectWith: '.products-list', 
    placeholder: 'ui-state-highlight', 
    items: 'div.product', 
    revert: 200, 
    receive: function(event, ui) { 
     var prod_id = ui.item.attr("prod_id"); 

     /* Equal to 1 is valid because an item was just added to the list: */ 
     if ($(this).find(".product[prod_id='" + prod_id + "']").length > 1) { 
      ui.sender.sortable("cancel"); 
     } 
    } 
}); 

Ví dụ:http://jsfiddle.net/z5X5y/