Jquery ui sortable ड्रॉप इवेंट

Question

मैं jquery ui sortable के साथ काम कर रहा हूं। मैं सॉर्टिंग सरणी को ड्रॉप ईवेंट पर हैंडलिंग फ़ाइल में पास करने के लिए प्राप्त करना चाहता हूं।

एक अजीब बात यह है कि मैंने पाया .. http://jsfiddle.net/7Ny9h/

$(function() { 
    $("#sortable").sortable(); 
    $("#sortable").disableSelection(); 

    $("#sortable li").droppable({ 
     drop: function() { 
      var order = $("#sortable").sortable("serialize", {key:'order[]'}); 
      $("p").html(order); 
     } 
    }); 
}); 

नमूना देखकर, अगर मैं बॉक्स नं .2 ले जाते हैं, बॉक्स 2 सरणी के बाहर छोड़ दिया जाता है।

शायद मुझे एक तरह की "ड्रॉपेंड" घटना की आवश्यकता है क्योंकि ऐसा लगता है कि jquery ui ड्रॉप इवेंट ड्रैग और गिराए गए नंबर की गणना नहीं करता है।

Answer 1

मैं jQuery UI सॉर्ट करने योग्य stop ईवेंट के साथ समस्या का समाधान कर सकता हूं।

$(function() { 
    $("#sortable").sortable(); 
    $("#sortable").disableSelection(); 

    $("#sortable").sortable({ 
     stop: function() { 
      var order = $("#sortable").sortable("serialize", {key:'order[]'}); 
      $("p").html(order); 
     } 
    }); 
}); 

Answer 2

आप इसका पता लगाने के लिए update का भी उपयोग कर सकते हैं।

$("#sortable").sortable({ 
     update: function() { 
      // do stuff 
     } 
    });