如何使用jQuery Masonry获得jQuery Sortable？

Question

我同时有jQuery Sortable和jQuery Masonry 。 当我结合两个可排序不想正常工作。

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

如果我将对象1拖到最后一个位置，其他任何对象都不会在屏幕上移动，就好像它们被卡在适当的位置。 我很确定我需要做一些事情，以便在拖动对象时砌体会刷新。

这是我在Coffeescript中的代码

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

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

我已经尝试过这些，但是我似乎无法使它正常工作。

jQuery Masonry与jQuery UI Sortable冲突

jQuery Masonry和UI Sortable

Answer 1

在更新中使用以下代码可以达到目的：

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

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