JQuery ziehbare Rückruf nach Sortierung von sortierbaren

Question

Ich habe eine Liste von ziehbaren Geräten mit einer Liste von sortierbaren verbunden. Das Ziehen/Ablegen funktioniert genauso gut wie das Sortieren. Die Sache ist, dass, bevor die Liste sortiert wird, ich einen Datensatz in der DB erstellen muss (mit Schienen). Also verwende ich $ .post, was gut funktioniert, aber ich muss die ID des eingefügten Elements ändern. Dazu ändere ich die ID des eingefügten Elements mit dem $ .post-Callback. Funktioniert gut, aber es passiert nach der Sorte. Und wenn Sie sich wundern, warum ich den dragbaren Stop-Callback nicht verwendet habe, ist es, weil es dasselbe tut. Hier ist der abgekürzte Code (entfernt irrelevant db Material):

$("#operations_container").sortable({items:'.process_small', axis:'y', update: function(ev,ui) { 
    if (ui.item.attr('id').match("workcenter")) 
    { 
     $.post('/operations', 'fancyrailspoststuffignore', function(data) { 
        $("#operations_container > #workcenter_" + workcenterid).attr("id", "operation_" + data.operation.id); 
        }, "json"); 
    } 
    $.post('/jobs/sort/<%= @job.id %>', 'morefancyschamncyrailsjunk); 
}}); 

Der sortierbar Behälter ist einfach:

<div id="operations_container" class="in_grid"> 
</div> 

So scheint es mir, dass alle Rückrufe nach die Art genannt werden. Ist das wahr? Wie kommst du dazu, wenn du das DOM vor der Sortierung aktualisieren musst?

UPDATE: Falls sie in den Kommentaren verpasst werden, hier sind die Bild- und Beispieldateien, die das Problem veranschaulichen.

Image: http://dl.getdropbox.com/u/1826667/sortable.png Beispieldateien: http://dl.getdropbox.com/u/1826667/jquery_callback_order.zip

So scheint es, dass die Rückrufe immer am Ende von irgendwelchen anderen Ereignissen am Ende unabhängig davon, wo sie genannt werden (@ .post Rückruf vor sortierbar Update noch zuletzt genannt wird , etc). Ich denke nicht, dass es ein Fehler in JQuery ist (obwohl ich es seltsam finde); Ich versuche, eine Reihe von Posts (die erforderlich sind, da sie co-abhängig sind; erstellen Sie einen Datensatz, dann sortieren) in dem einen gehen, was vielleicht nicht der Weg ist, es zu tun. Ich werde versuchen, es im Backend zu umgehen (ich habe etwas fast funktioniert), also werde ich dies geschlossen betrachten. Danke an alle, die mit dem Problem geholfen haben. SO Regeln.

MEGAIMPORTANTUPDATE: Es funktioniert! Shawn hat es (siehe Antwort) und ich bin immer noch ein bisschen schwindlig. Es waren ein paar Tage auf diesem Ding. Danke nochmal an alle und besonders an Shawn. Du schaukelst.

Answer 1

Aha! Ich habs. Dieses Bild war genau das, was ich brauchte. Hier ist, was zu tun ist:

$("#operations_container").sortable({items:'.process_small', axis:'y', update: function(ev,ui) { 
    var sortDbTable = function(){ 
     $.post('/jobs/sort/<%= @job.id %>', 'morefancyschamncyrailsjunk); 
    } 
    if (ui.item.attr('id').match("workcenter")) 
    { 
      $.post('/operations', 'fancyrailspoststuffignore', function(data) { 
            $("#operations_container > #workcenter_" + workcenterid).attr("id", "operation_" + data.operation.id); //is there any reason you're not using the ui.item.attr("id",...) here? 
            sortDbTable(); //this will make sure id is changed before DB sort 
            }, "json"); 
    } else { //else not absolutely needed, but will make sure it's not unnecessarily sorted again 
     sortDbTable(); 
    } 
}}); 

Answer 2

Vor dem Update-Ereignis wird das Startereignis aufgerufen, das Sie verwenden können.