1

我正在使用Masonry+ jQuerySortable重新设计一个 3x3 网格，您可以在下面看到。

在此处输入图像描述

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

用户可以对divs (1-4) 进行排序并给它们一个新的顺序。将div1 拖到右上角的位置将重新排列网格，但与预期不同。重新排序后，它将如下所示：

在此处输入图像描述

我想以这种方式添加事件停止/开始/更改以排序...

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

...将以2, 3,4在顶部和div1 以下的方式重新排列网格。但它看起来像上面的屏幕截图。

有人可以帮我做这种预期的行为吗？我使用 Masonry 错了吗？

编辑： 在reloadDOM 返回2、3、1、4 之后div。我预计是 2、3、4、1。

TIA frgtv10

4

1 回答 1

1

我认为，我不完全确定，砌体订单元素基于 DOM 元素的顺序。当用户拖动一个元素时，你会重新排序 DOM 吗？如果没有，当砌体重新加载时，顺序仍然会与之前的顺序相反。

于 2012-07-23T09:08:25.057 回答