web-dev-qa-db-ja.com

jquery uiのソート可能なドロップイベント

私はjquery ui sortableで作業しています。ドロップ配列の処理ファイルに渡す配列を取得したいのですが。

私が見つけた面白いもの.. 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 2を動かすとBOX 2はアレイから外れます。

おそらく、私は一種の「ドロップエンド」イベントを必要としています。これは、jquery uiドロップイベントがドラッグアンドドロップイベントをカウントしないようです。

jqueryjquery-ui-sortable
21
user1942626

updateを使用して検出することもできます。

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

JQuery UI Sortable stopイベントで問題を解決できました。

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

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