एक आइटम के शुरू होने से स्थिति jQuery ui sortable प्लगइन

Question

मैं jQuery यूआई sortable प्लगइन का उपयोग कर रहा हूँ और मैं 2 अलर्ट

मैं तत्व की घूर स्थिति और के समाप्त स्थिति चाहते हैं कोशिश कर रहा हूँ का उपयोग कर पाने के तत्व।

$(function() { 
    $("#filterlist ul").sortable({ opacity: 0.6, cursor: 'move', update: function(event, ui) { 
      alert(ui.item.prevAll().length + 1); 
     } 
    }); 
}); 

मैं के बाद इसे का उपयोग करके घसीटा किया गया है आइटम की स्थिति को प्राप्त कर सकते हैं: -

ui.item.prevAll().length + 1 

मैं स्थिति से आरंभ करने के लिए क्या प्रयोग करते हैं?

Answer 1

उपयोग start घटना और "कैश" प्रारंभिक स्थिति

var start; 
$(function() { 
    $("#filterlist ul").sortable({ 
     opacity: 0.6, 
     cursor: 'move', 
     start: function(event, ui) { 
      start = ui.item.prevAll().length + 1; 
     }, 
     update: function(event, ui) { 
      alert(start + " -> " + (ui.item.prevAll().length + 1)); 
     } 
    }); 
}) 

Answer 2

$(function() { 

    $("#sortable").sortable({ 
     start: function(event, ui) { console.log('before @ '+ ui.item.index()) }, 
     update: function(event, ui) { console.log('now @ '+ ui.item.index()) } 
    }); 

});​ 

इस demo कोशिश करते हैं और कंसोल पर घड़ी ...