Question

单击图像后，似乎无法重新排序我的图像以显示以下内容。

但是，当我调整浏览器大小时，图像会正确重新排序。

我已经尝试了很多，但是我被卡住了，我只想在点击下一张图片后再次点燃砖石。

<script src="js/jquery-1.9.1.min.js"></script>
<script src="js/jquery.masonry.min.js"></script>
<script src="js/jquery.cycle.all.js"></script>

<script>
  $(function(){

    $('#container').masonry({
      itemSelector: '.box',
      columnWidth: 20,
      isAnimated: !Modernizr.csstransitions,
      isFitWidth: true
    });

  });
</script>



<script>
$(document).ready(function(){
    $('#projectslide').cycle({ 
        fx:     'fade',
        speed:  0, 
        next:   '#projectslide',
        timeout: 0,
        fit: 1,
        slideResize: 1,
        reshape: 1,
    });
});

    $('#container').masonry({
      itemSelector: '.box',
      columnWidth: 20,
      isAnimated: !Modernizr.csstransitions,
      isFitWidth: true,
    });
</script>

Answer 1

在Cycle插件（http://jquery.malsup.com/cycle/int2.html）的文档中，作者展示了如何定义回调函数，所以你可以这样做：

$（ '＃projectslide'）。循环（{ fx：'淡出'，速度：0，下一个：'＃projectslide'，超时：0，适合：1， slideResize：1，重塑：1， 之后：function（）{ $（ '＃集装箱'）砌体（ '刷新'）。 } }）;

循环后执行砌体

1 个答案: