Question

我试图让jquery砌体脚本在我为div的大小设置动画后重新洗牌。我见过一些例子，但我似乎无法让它发挥作用。我试过了：

<script>
$(function(){

$('#container').masonry({
  itemSelector: '.box',
  columnWidth: 100,
  isAnimated: true
});

});
</script>
<script>
$("#test").click( function() {
$("#test").animate ({
"width": 300,
"height": 200
}, 250 );
$('#container').masonry({
  itemSelector: '.box',
  columnWidth: 100,
  isAnimated: true
});
});
</script>

我也试过

<script>
$(function(){

$('#container').masonry({
  itemSelector: '.box',
  columnWidth: 100,
  isAnimated: true
});

});
</script>
<script>
$("#test").click( function() {
$("#test").animate ({
"width": 300,
"height": 200
}, 250 );
$("#container|).masonry("reload");
});
</script>

出于某种原因，我无法进行重新洗牌。这是不与http://www.klossal.com/masonry.html

一起使用的页面

提前感谢您提供任何帮助。

Answer 1

砌体（“重新加载”）应该可以正常工作但你的行$("#container|).masonry("reload");中有错误。你需要一个正常的报价而不是像这样的管道：$("#container").masonry("reload");我也不认为你不认为你需要同位素来洗牌。最简单的方法是在将瓷砖喂入砖石之前对瓷砖进行重新排序。简单看看我的网站（http://www.phpdevpad.de）。当您点击左侧的菜单并尝试不同的组合时，瓷砖会被洗牌。

Answer 2

如果你想要shuffle方法，你需要使用同位素;砌体的大姐姐。请参阅github discussion here。

div动画后的砌体重新洗牌

2 个答案: