Ich habe eine Liste, der der Benutzer hinzufügen und aus der Liste löschen kann - die Liste kann eine beliebige Länge haben.jQuery sortierbar - div collaspes beim Sortierversuch
Ich versuche, die jQuery sortable der Liste hinzuzufügen. Die Liste sollte nur ermöglichen, dass die benutzerdefinierten Details sortiert werden. Die benutzerdefinierten Details werden in Orange angezeigt, wenn der Benutzer über sie hinwegfliegt.
Wenn ich jedoch versuche, die benutzerdefinierten Details zu ziehen/sortieren, wird die Liste auf eine Höhe von null reduziert, was die Sortierung unmöglich macht.
Ich habe an diesem Problem seit mehreren Stunden gearbeitet, habe viele Dinge versucht, suchte SO & Google - alle fehlgeschlagen.
Wie kann ich die sortierbare Liste anzeigen, wenn die Listenhöhe dynamisch ist und die Sortierung immer noch abgeschlossen ist?
Hier ist eine jsfiddle der Ausgabe, die ich habe.
ist hier der entsprechende HTML-Code, dass die Höhe Ausgabe Problem sein kann (der Rest des Codes ist in der JSFiddle):
<div class="live_preview_contents_display1" style="background: teal; overflow: auto;">
Danke Ihre Lösung funktioniert. Der Grund, warum es für mich nicht funktionierte, ist, dass die Listendetails dynamisch mit Javascript hinzugefügt werden, also muss ich herausfinden, wie man die Lösung auf meinen js-Code anwendet. – user1261774
Sie müssen nicht viel ändern, fügen Sie '# live_preview' vor' ul # sortableResumeDetails' als Wrapping div hinzu –