1

Masonry+ jQueryを使用しSortableて3x3グリッドを再設計しています。これは、以下で確認できます。

ここに画像の説明を入力してください

    $('#container').masonry({
        itemSelector: '.element',
        isResizable: true,
        columnWidth: 100
    })

ユーザーは、divs(1〜4)を並べ替えて、新しい順序を付けることができます。div1を右上の位置にドラッグすると、グリッドが並べ替えられますが、期待どおりではありません。新しく並べ替えると、次のようになります。

ここに画像の説明を入力してください

このように、イベントの停止/開始/変更をソート可能に追加することを考えました...

change: function(event, ui) {
               ui.item.parent().masonry('reload');
        }

...グリッドを1の上、下のように並べ替えます。2ただし、上のスクリーンショットのように見えます。34div

誰かが私がこの期待される行動をするのを手伝ってくれるでしょうか?組積造を間違って使用していますか?


編集:reload DOMが2、3、1、4を返した 後、div私は2、3、4、1を期待していました。


TIA frgtv10

4

1 に答える 1

1

私は、DOM要素の順序に基づいて、石積みの順序要素が完全にわからないと思います。ユーザーが要素をドラッグするとき、DOM を並べ替えますか?? そうでない場合、石積みがリロードされると、順序は以前のものと逆になります。

于 2012-07-23T09:08:25.057 に答える