Jquery ui可排序的drop事件

Question

我正在使用jquery ui sortable.我想让排序数组将它传递给drop事件上的处理文件.

我找到一个有趣的东西.. http://jsfiddle.net/7Ny9h/

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

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

看到样本,如果我移动BOX No.2,则BOX 2被排除在数组之外.

也许我需要一种"dropend"事件,因为似乎jquery ui drop事件不计算被拖放的事件.

Answer 1

您还可以使用update它来检测它.

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

Answer 2

我可以用jQuery UI Sortable stop事件解决问题.

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

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