2013-07-21 10 views
8

Ich arbeite mit jQuery ui sortierbar. Ich möchte das Sortier-Array erhalten, um es an die Handling-Datei bei Drop-Ereignis zu übergeben.Jquery ui sortierbare Tropfen Veranstaltung

eine lustige Sache fand ich .. http://jsfiddle.net/7Ny9h/

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

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

die Probe sehen, wenn ich BOX No.2 bewegen, die BOX 2 links aus dem Array.

Vielleicht brauche ich eine Art "dropend" -Ereignis, weil es scheint, dass jquery ui Drop-Ereignis zählt nicht gezogen und fallen gelassen.

Antwort

19

Ich könnte das Problem mit jQuery UI Sortable stop Ereignis lösen.

+0

dies nicht funktioniert http://jsfiddle.net/Tncg8/ – Prozi

+0

@Prozi, das ist, weil Sie es falsch machen. Ihr JSfiddle in Ihrem Kommentar ändert das "droppable" -Ereignis tatsächlich nicht in das "sortierbare" Ereignis. Aus diesem Grund hat es bei Ihnen versagt, ich habe Ihren JSfiddle für Sie hier aktualisiert: http://jsfiddle.net/a94fak79/ – hazrpg

+0

Siehe @SoursoThrees Antwort unten für eine sehr einfache Lösung, die perfekt für mich funktionierte. –

19

Sie können auch update verwenden, um es zu erkennen.

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

Dies ist wahrscheinlich die bessere Option (anstelle von "Stop"), wenn Sie eine Art "auf Erfolg" Art von Nachricht anstelle von einem allgemeinen "auf Ende verschieben" möchten. – testing123