Ich habe eine gitterartige Liste und die sortierbare Funktionalität funktioniert wie geplant. Ich möchte jeden Gegenstand außer demjenigen animieren, der manipuliert wird, um glatt in die Liste zu gleiten. Ich habe ein Beispiel hier eingerichtet: Ссылка .
%Vor%Das CSS:
%Vor%Und schließlich das JS:
%Vor%Wie kann ich die Elemente animieren, um den Raum mit Übergängen zu füllen, statt nur zu springen?
So habe ich es gemacht:
%Vor%So wird der Standardplatzhalter entfernt und in jquery UI sehr abrupt hinzugefügt, er wird nur von einem Ort übernommen, fügt ihn dem neuen Platz hinzu und es gibt keine Möglichkeit, CSS Animationen hinzuzufügen.
Was wir hier gemacht haben, wurde durch den Standard-Platzhalter ersetzt, den wir animieren können. Wir wiederholen eine eindeutige Nummer für jeden ersetzten Platzhalter, so dass mehrere gleichzeitig vorhanden sein können und diese schrittweise animiert werden können.
Hoffe, das hilft! Habe es nicht in vielen Browsern getestet und es gibt wahrscheinlich einen besseren Ort als den globalen Bereich, um die Variable 'placeholderNumber' zu platzieren.
$ ('# sort') .sortierbar ({ Zurücksetzen: Wahr });
Ich denke, das wird die Magie machen !!!
Tags und Links jquery jquery-ui css3 jquery-ui-sortable