如何让 jQuery Sortable 与 jQuery Masonry 一起使用？

Question

我的jQuery Sortable 和jQuery Masonry 都在工作。当我结合两个可排序的并不想正常工作。

当我拖动一个项目时，其他项目不会移动，但是后端（Rails）确实可以工作，因为当我刷新页面时它会保存位置，即使它没有显示它移动了。所以前端是个问题。

如果我将对象 1 拖到最后一个位置，其他对象都不会在屏幕上移动，就像它们被卡在原地一样。我很确定我需要做一些事情，以便在拖动对象时 Masonry 令人耳目一新。

这是我在 Coffeescript 中的代码

jQuery -> 
    $('.listwrap').sortable
     update: ->
       $.post($(this).data('update-list'), $(this).sortable('serialize'))

$(document).ready ->
  $('#container').masonry
    itemSelector: '.list'
    columnWidth: 200
return

我已经尝试过这些，但我似乎无法让它工作。

jQuery Masonry conflict with jQuery UI Sortable

jQuery Masonry and UI Sortable

Answer 1

在更新中使用以下代码可以解决问题：

grid.masonry('reloadItems');
grid.masonry('layout');

其中 grid 是一个砌体 jquery 对象。