Neuanordnen / Sortieren von DIVs ohne erneutes Einfügen in DOM
Ich habe mehrere DIVs mit Inhalten, die ein Datengewichtungsattribut haben, das regelmäßig über AJAX aktualisiert wird.
Ich sortiere sie in der Schleife, wo ich über die neuen Werte iteriere, die von der Ajax-Anfrage kommen.
Da das Datengewicht jederzeit auf einen beliebigen Wert aktualisiert werden kann, kann sich die Reihenfolge von Aktualisierung zu Aktualisierung vollständig ändern.
Meine Sortierlogik scheint, gelinde gesagt, fehlerhaft zu sein, weil sie nur jedes Element mit seiner nächsten Durchkontaktierung vergleicht.next() Sie müssen also auf "Nach Datengewicht sortieren" klicken. max. 4 mal für 4 Elemente, bis sie sortiert sind (siehe Geige unten)
Es ist wichtig zu wissen, dass die zu sortierenden DIVs externe Ressourcen wie Bilder, Videos usw. enthalten, daher ist es wichtig, dass sie verschoben und nicht neu erstellt werden, da ich denke, dass beim erneuten Einfügen in das DOM die enthaltenen Ressourcen neu geladen werden was für meinen Anwendungsfall nicht akzeptabel ist.
Da es schwer zu beschreiben und vielleicht zu verstehen ist, hier ist meine Geige:
Aktualisieren
Während das Hauptproblem gelöst ist, gibt es immer noch das Problem, dass, wenn f.e. Youtube-Videos sind enthalten, sie werden jedes Mal neu geladen, wenn die DIVs neu angeordnet werden, auch wenn sich das Video nicht im DOM ändert. Das a) sieht komisch aus und b) unterbricht das Abspielen des Videos. Wenn sie mehr über das Thema lesen und iframes im DOM verschieben, scheinen sie immer dazu zu veranlassen, ihren Inhalt neu zu laden - wie dumm ist das?
Fiddle wird mit einem festen Datengewicht von 1 für das YT-Video aktualisiert, sodass es immer im Vordergrund bleibt.
Ideen sehr willkommen !!