Jquery ui sortable drop event

Question

I am working with jquery ui sortable. I would like to get the sorting array to pass it to the handling file on drop event.

one funny thing i found.. http://jsfiddle.net/7Ny9h/

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

Seeing the sample, if I move BOX No.2, the BOX 2 is left out of the array.

Perhaps I need a kind of "dropend" event because it seems that jquery ui drop event doesn't count the dragged and dropped one.

Answer 1

You can also use update to detect it.

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