jQuery：Masonry + Sortable重新排序网格

Question

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

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

用户可以对div（1-4）进行排序并为他们提供新订单。 将div 1拖动到右上角的位置将对网格重新排序，但不会如预期的那样。在对它进行排序后，它将如下所示：

我想通过这种方式添加事件停止/启动/更改以进行排序......

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

...将按照2，3，4的方式重新排列网格，位于div之下1.但它看起来像上面的屏幕截图。

有人可以帮我做这个预期的行为吗？ 我使用的是错误的砌体吗？

---

修改 在reload之后，DOM返回div 2,3,1,4。 我预计2,3,4,1。

---

TIA frgtv10

Answer 1

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