Masonry
+ jQueryを使用しSortable
て3x3グリッドを再設計しています。これは、以下で確認できます。
$('#container').masonry({
itemSelector: '.element',
isResizable: true,
columnWidth: 100
})
ユーザーは、div
s(1〜4)を並べ替えて、新しい順序を付けることができます。div
1を右上の位置にドラッグすると、グリッドが並べ替えられますが、期待どおりではありません。新しく並べ替えると、次のようになります。
このように、イベントの停止/開始/変更をソート可能に追加することを考えました...
change: function(event, ui) {
ui.item.parent().masonry('reload');
}
...グリッドを1の上、下のように並べ替えます。2
ただし、上のスクリーンショットのように見えます。3
4
div
誰かが私がこの期待される行動をするのを手伝ってくれるでしょうか?組積造を間違って使用していますか?
編集:reload
DOMが2、3、1、4を返した
後、div
私は2、3、4、1を期待していました。
TIA frgtv10