Wie implementiert man die automatische Sortierung in Javascript?

Wie erkennt man bei einer UI-Webseite im Metro-Stil, dass nach dem Ziehen eines Symbols mit der Maus andere Symbole automatisch entsprechend der Position des gezogenen Symbols sortiert werden?
Hinweis:

1. Symbolgrößen können variieren

2. Erfordert die Beibehaltung der Ergebnisse (das Layout bleibt nach dem Neuladen der Seite unverändert);

3. Über Kompatibilität muss nicht nachgedacht werden, sprechen Sie einfach kurz über die allgemeine Idee.

Effekte wie das Windows 10-Startmenü:

Antwortinhalt:

Wie erkennt man bei einer UI-Webseite im Metro-Stil, dass nach dem Ziehen eines Symbols mit der Maus andere Symbole automatisch entsprechend der Position des gezogenen Symbols sortiert werden?
Hinweis:

1. Symbolgrößen können variieren

2. Erfordert die Beibehaltung der Ergebnisse (das Layout bleibt nach dem Neuladen der Seite unverändert);

3. Es besteht keine Notwendigkeit, auf Kompatibilität Rücksicht zu nehmen, sprechen Sie einfach kurz über die allgemeine Idee.

Effekte wie das Windows 10-Startmenü:

Dies basiert auf Koordinaten. Wenn ein Symbol an eine Position gezogen wird, sind die Koordinaten des Symbols die Koordinaten der neuen Position. Die Koordinaten der nachfolgenden betroffenen Symbole sind minus der Breite oder Breite des gezogenen Symbols >

Es sollte ein entsprechendes Plug-in vorhanden sein

Ich persönlich denke, es kann so verstanden werden, dass zwei Positionen ausgetauscht werden. Ich habe gestern ein Plug-in verwendet und Sie können „sortable.js“ ausprobieren, das sehr klein und etwa 3 KB groß und sehr einfach zu verwenden ist.

Wenn es schnell geht, empfiehlt es sich, ein Plug-In zu verwenden. Wenn Sie es selbst schreiben, fühle ich mich ziemlich gut

Offizielle Implementierung und Dokumentation

Metroui: http://metroui.org.ua/
Startbildschirm: http://metroui.org.ua/templat...