javascript - メーソンリーで DOM を注文するにはどうすればよいですか?

Question

メーソンリーで DOM を注文するにはどうすればよいですか?

これが私のコードですhttp://jsbin.com/niqasiqisi/1/edit?html,css,output

これで、以下のように入力要素を並べたい

[1]|[4]
[2]|[5]
[3]|[6]

[2] を削除すると、[3] が [2] の代わりになり、[4] が下に来るはずです。石積みを使用して、このようなレイアウトを作成するにはどうすればよいですか。これを行う機能は何ですか？

Answer 1

元の jQuery Masonry を使用している場合、順序を維持するためにできることはほとんどありません。 API ドキュメント を見てください。順序については一度も言及されていません。理由があります.順序を犠牲にして、レイアウト効率のためにアイテムを最も効果的にソートするように構築されています. 最も狭いスペースで最も多くのものを詰め込んでいます。

別のプラグインを試してみてください。同じ作者による Isotope をお勧めします。注文にはいくつかのオプションがあります。