Problem Hinzufügen Artikel zu sortierbare Liste

Question

Ich bin nicht ganz sicher, wie diese Frage zu stellen, aber hier geht ...

Ich habe eine Web-Anwendung, die eine Liste der sortierbare Elemente hat. Ich sortiere sie im Ajax-Stil mit Sortierbar. Das funktioniert wie ein Zauber. Ich kann die Gegenstände ziehen und fallen lassen, bis mein Herz zufrieden ist.

Zur gleichen Zeit gibt es eine Schaltfläche, die die Erstellung neuer Elemente auf meiner Liste ermöglicht. Dies ist auch ajaxifiziert und funktioniert größtenteils. Das neue Element erscheint trotzdem auf meiner Liste, und Firebug zeigt, dass der Code, der gerendert wird, genau mit den anderen Listenelementen übereinstimmt. Oh, und es ist in der richtigen Liste enthalten.

Das Problem ist, dass das neue Element nicht ziehbar/sortierbar/was auch immer ist. Ich kann nichts damit anfangen, wenn ich die Seite nicht aktualisiere. Irgendwelche Ideen, warum das der Fall ist oder wie ich es umgehen kann? Ich würde das wirklich gern lösen.

Ich habe versucht, Code hier einzufügen, konnte aber nicht ganz funktionieren, also ging ich mit Pastie. Wie auch immer, hier ist der Code für eine Seite mit 2 sortierbaren Elementen. Dies ist eine neue Last und alles funktioniert wie erwartet. http://pastie.org/432585

In diesem habe ich auf die Schaltfläche geklickt, die einen neuen Abschnitt erstellt, aber nicht aktualisiert. So sind die ersten zwei Abschnitte sind DnD-fähig, aber die neue ist nicht ... http://pastie.org/432591

ich Ruby und Rails bin mit dem ajaxing hier und zwar zu tun, ich bin nicht sehr vertraut mit, wie sollte es Arbeit. Aber ich glaube, dass dieses Verhalten von prototype.js und vielleicht von dragdrop.js kommt.

Answer 1

Nach Abschluss des Ajax-Aufrufs, der dazu führt, dass das neue Element in die Seite eingefügt wird, muss das neue Element, wie ich mir vorstelle, an das DOM gebunden und als Sortierbar deklariert werden.

Wäre toll, wenn Sie uns etwas Code zeigen könnten, oder zumindest lassen Sie uns wissen, welche Bibliothek (en) Sie für AJAX und Sortable Elemente verwenden.