如何将 jquery masonry 与 livequery 结合使用

Question

如何在隐藏 div 标签的同时重新排列 DIV。

// jquery masonry plugin
  $('#container').masonry({
    // options
    itemSelector : '.item',

  });

// Delete
$(".item").click(function()
{
$(this).hide();

// Here I want to call 
});


// HTML Code
  <div id="container">
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
----
----
----
</div>

Answer 1

你想让我做什么？重新加载？删除该项目？

$(".item").click(function()
{
 $(this).hide();  
 //Remove item
 $('#container').masonry( 'remove', $(this) );
 //Reload masonry
 $('#container').masonry( 'reloadItems' );
});

Answer 2

您需要使用 jQuery 的 DOM 操作函数，请参阅此 http://api.jquery.com/category/manipulation / ，为了简化您的工作，如果您为每个 div 提供唯一的 id，则可以更轻松地以您想要的方式重新排序它们