Sự kiện thả xuống có thể sắp xếp Jquery ui

Question

Tôi đang làm việc với jquery ui có thể sắp xếp. Tôi muốn lấy mảng sắp xếp để chuyển nó tới tệp xử lý khi sự kiện thả.

một điều buồn cười tôi tìm thấy .. http://jsfiddle.net/7Ny9h/

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

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

Thấy mẫu, nếu tôi di chuyển BOX 2, các BOX 2 được gạt ra khỏi mảng.

Có lẽ tôi cần một loại sự kiện "dropend" vì có vẻ như sự kiện jquery ui drop không tính đến việc kéo và thả.

Answer 1

Tôi có thể giải quyết sự cố với sự kiện 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

Bạn cũng có thể sử dụng update để phát hiện.

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