jQuery mit Sortable mit dynamisch hinzugefügten Elementen (Live Refresh)

8

Ich habe ein <form id="#form"> , das ein <span class="con"> hat und innerhalb des Bereichs habe ich viele divs, die sortierbar sein müssen.

%Vor%

Ich verwende die sortierbare Funktion, um div Sortierbar zu machen.

%Vor%

Ich füge dynamisch divs hinzu. Sortierbar erkennt jedoch neu hinzugefügte Spannen nicht. Ich weiß, es gibt eine refresh -Option für sortierbar, die wie live() funktionieren soll und neu hinzugefügten Inhalt erkennen, aber ich sehe nicht, wie ich es mit diesem Beispiel verwenden kann.

Überprüfen Sie Ссылка . Klicken Sie auf die Schaltfläche, um weitere Bereiche mit divs hinzuzufügen. Sie werden sehen, dass Sie div sortieren können, die ursprünglich in DOM aber nicht neu hinzugefügt wurden.

    
Pinkie 29.03.2011, 05:02
quelle

3 Antworten

8

Anscheinend haben Sie class="connectedSortable" in

%Vor%

Und connectWith: ".con" in

%Vor%

Das Hinzufügen von con class zum ursprünglichen div ist einfach in Ordnung. Aktualisieren Sie hier .

    
Santosh Linkha 29.03.2011, 05:45
quelle
1

Versuchen Sie Folgendes:

%Vor%

Wenn Sie auf 'weitere Option hinzufügen' klicken, fügt das Skript einen neuen sortierbaren Eintrag in die Liste ein

    
Nick 31.07.2011 08:52
quelle
0

Change Button Click Ereignis wie unten angegeben, und es funktioniert. Keine weiteren Änderungen sind erforderlich. Ich habe es in Jfiddler versucht und es hat funktioniert. Neu hinzugefügte Elemente werden Teil der Liste und sind ebenfalls sortierbar.

%Vor%

Ich habe x als Element definiert, und weiteres x ist an ".con" innerhalb von #form angefügt.

Der Screenshot dieses aktualisierten Beispiels ist unten dargestellt:

    
Rahul Varadkar 09.08.2017 09:05
quelle

Tags und Links

Django: Verwenden von Annotate, Count und Distinct in einem Queryset Join Fetch: "Abfrage angegebenen Join-Abruf, aber der Besitzer der abgerufenen Assoziation war