Jquery ui sortable drop event

Question

Pracuję z jquery ui sortable. Chciałbym uzyskać tablicę sortowania, aby przekazać ją do pliku obsługi podczas zdarzenia drop.

jedna zabawna rzecz znalazłem .. http://jsfiddle.net/7Ny9h/

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

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

Widząc próbkę, jeśli przeniosę BOX No.2, BOX 2 pozostało z tablicy.

Być może potrzebuję pewnego rodzaju zdarzenia "dropend", ponieważ wydaje się, że zdarzenie drop jquery ui nie liczy się z przeciągniętym i upuszczonym.

Answer 1

Mogłabym rozwiązać problem z wydarzeniem jQuery UI Sortable stop.

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

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

Answer 2

Możesz również użyć update, aby to wykryć.

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