Javascriptで自動ソートを実装するにはどうすればよいですか?

Metro スタイル UI Web ページで、マウスでアイコンをドラッグした後、ドラッグされたアイコンの位置に応じて他のアイコンが自動的に並べ替えられることをどのように実現しますか?
注:

1. アイコンのサイズは異なる場合があります。

結果を保持する必要があります (ページをリロードしてもレイアウトは変更されません)。

2. 互換性を考慮する必要はありません。一般的なアイデアについて簡単に説明するだけです。

3. その効果は Windows 10 のスタート メニューとまったく同じです:

返信内容:

Metro スタイル UI Web ページで、マウスでアイコンをドラッグした後、ドラッグされたアイコンの位置に応じて他のアイコンが自動的に並べ替えられることをどのように実現しますか?

注:

アイコンのサイズは異なる場合があります。

結果を保持する必要があります (ページをリロードしてもレイアウトは変更されません)。

1. 互換性を考慮する必要はありません。一般的なアイデアについて簡単に説明するだけです。

2. その効果は Windows 10 のスタート メニューとまったく同じです:

これは、アイコンが特定の位置にドラッグされるとき、アイコンの座標は、その後の影響を受けるアイコンの幅またはドラッグされたアイコンの幅を引いたものになります。

対応するプラグインがあるはずです

個人的には、昨日使用した「sortable.js」というプラグインは、非常に小さく、非常に使いやすいものであると理解できると思います。

速いならプラグインを使うのがオススメ

自分で書くとかなり良い感じです

公式実装とドキュメント

metroui: http://metroui.org.ua/

start-screen: http://metroui.org.ua/templat...