Question

我拖出一个导致布局间隙的div后，我试图重新加载砌体布局。目前通过点击功能。

$container = $("#container");
$container.imagesLoaded(function(){
  $('#container').masonry({
    // options
    itemSelector : '.item',
    gutter: 0
  });
});

$("#click").on('click' ,function(){
    setTimeout(function(){ 
      $container.imagesLoaded(function(){
        $('#container').masonry({
          // options
          itemSelector : '.item',
          gutter: 0
        });
      });
    });
});

这是＆＃34;某事＆＃34;但它并没有重建布局，因为布局中仍然存在空白。

http://codepen.io/alucardu/pen/qubzx

Answer 1

经过大量研究后我发现msnry = new Masonry( container );如果你把它放在一个点击功能中，你就可以用砌体物品重建容器。我在像这样的下拉函数之后使用了这个

`$( ".vote" ).droppable({
    drop: function( event, ui ) {
      var dropped = ui.draggable;
      var droppedOn = this;

      if ($(droppedOn).children().length > 0) {
          $(droppedOn).children().detach().prependTo($(lastPlace));
      }

      $(dropped).detach().css({
          top: 0,
          left: 0
      }).prependTo($(droppedOn));
      msnry = new Masonry( container );
    }
  });
})(jQuery);`

单击重新加载砌体脚本

1 个答案: