Gibt es eine Möglichkeit, geschachtelte jQuery-Sorables zu haben? Wie in verschachtelten Containern, nicht im Sinne einer verschachtelten Liste.
%Vor%Dieses Beispiel funktioniert ziemlich gut, aber wenn ich den verschachtelten Container loslasse, erhalte ich einen Fehler:
%Vor% Ich nehme an, es liegt daran, dass beim Ziehen eines container es unter der Maus positioniert ist. Wenn ich es also ablege, versucht es, es in sich selbst zu legen.
Ich habe eine Arbeit, obwohl nicht ideal, so dass die Frage immer noch steht.
%Vor%Das Problem
jQuery verliert es, wenn ein Element sowohl ein sortierbarer Container als auch ein sortierbares Element in einem sortierbaren Container ist.
Die Lösung
Einfaches Umbrechen des problematischen Objekts in ein anderes Element. Geige: Ссылка
Der 'innere' Container ist wie folgt verpackt:
%Vor%Sie vermeiden das Problem, da der innere Container selbst nicht mehr sowohl ein sortierbarer Container als auch ein sortierbares Objekt in einem sortierbaren Container ist. Stattdessen ist das sortierbare Objekt jetzt der Wrapper. Beachten Sie, dass der Klassenname container-wrapper nur der Veranschaulichung dient. Sie können es entfernen und es wird die Funktionalität nicht ändern.
Nun, ich weiß nicht, ob dieser Ansatz für Sie besser ist als die von Ihnen erwähnte Problemumgehung. Ich denke jedoch, dass eine Art Workaround notwendig ist. Viele Leute sind auf dieses Problem gestoßen, und es scheint allgemeine Übereinstimmung zu herrschen, dass geschachtelte Sortierungen in diesem Moment kein unterstütztes Feature sind. Es scheint eine Reihe von Plugins zu geben, die das Problem für Sie beheben, nach den Ergebnissen zu urteilen, wenn ich google 'jquery sortierbar verschachtelt':)
Um ein geschachteltes sortierbares Element als sortierbaren Container und sortierbares Element zu erstellen, benötigen Sie einen Helfer: Klon und Platzhalter. Überprüfen Sie beim Sortieren, ob der Platzhalter für die Position 0 ist, und hängen Sie dann den Platzhalter erneut an, um dem Container zu helfen, wo er eingefügt und vermieden werden kann.
Hier ist der Test auf der Geige: Ссылка
Tags und Links javascript jquery jquery-ui jquery-ui-sortable nested-sortable