web-dev-qa-db-fra.com

Événement de dépôt triable Jquery UI

Je travaille avec jquery ui sortable. Je voudrais obtenir le tableau de tri pour le transmettre au fichier de gestion lors de l'événement drop.

une chose amusante que j'ai trouvée .. http://jsfiddle.net/7Ny9h/

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

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

En voyant l'échantillon, si je déplace la BOX No.2, la BOX 2 est laissée hors du tableau.

J'ai peut-être besoin d'une sorte d'événement "dropend" car il semble que l'événement jquery ui drop ne compte pas celui qui a été glissé-déposé.

jqueryjquery-ui-sortable
21
user1942626

Vous pouvez également utiliser update pour le détecter.

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

Je pourrais résoudre le problème avec l'événement 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