ड्रॉप करने योग्य अक्षमियों की ड्रॉप घटना पर $ (आइटम) .sortable ('रद्द करें') को क्रमबद्ध करें

Question

मेरे पास कुछ क्रमबद्ध कनेक्ट सूची है, जो एक ही समय में ड्रॉप करने योग्य स्थान हैं। समस्या यह है कि जब मैं ड्रॉपपेबल की ड्रॉप इवेंट में क्रमबद्ध करने की रद्द विधि को कॉल करता हूं, तो क्रमबद्ध टूटा हुआ है और अब और काम नहीं करेगा। उदाहरण http://jsfiddle.net/zSnBA/10/ दूसरी सूची में div संख्या 102 को स्थानांतरित करने का प्रयास करें: आप देखेंगे कि रद्द करने की घटना को कॉल किया जाएगा लेकिन सॉर्टेबल अब और काम नहीं करेगा? कोई मदद?

Answer 1

मैं sortable सूची खींचने योग्य बनाने के रूप में अच्छी तरह से नहीं की सिफारिश करेंगे, लेकिन sortable पर receive घटना को सुनने घटना को रद्द करने:

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

उदाहरण:http://jsfiddle.net/z5X5y/