Question

我正在使用jQuery Masonry脚本。在第一次加载页面时一切都很好，但是当我添加动态内容时，脚本不会再次重新加载。

这是我的代码：

    <div id="alpha" class="container clearfix">

        <div class="item"><img src="<?php echo base_url();?>css/images/default.jpg"/><div id="coment"></div></div>
        <div class="item"><img src="<?php echo base_url();?>css/images/default.jpg"/></div>
        <div class="item"><img src="<?php echo base_url();?>css/images/default.jpg"/></div>
        <div class="item"><img src="<?php echo base_url();?>css/images/default.jpg"/></div>
        <div class="item"><img src="<?php echo base_url();?>css/images/default.jpg"/></div>
        <div class="item"><img src="<?php echo base_url();?>css/images/default.jpg"/></div>
        <div class="item"><img src="<?php echo base_url();?>css/images/default.jpg"/></div>

    </div>

    <script src="<?php echo base_url()?>js/jquery.min.js"></script>
    <script src="<?php echo base_url()?>js/jquery-1.7.1.min.js"></script>
    <script src="<?php echo base_url()?>js/jquery.masonry.min.js"></script>

 <script type="text/javascript">

    $(function(){
            var $alpha = $('#alpha');        

            $alpha.masonry({
              itemSelector: '.pin_item',
              columnWidth: 230,
                  //isAnimated: true
            });

        });

  </script>

当评论附加评论时，您可以看到div id="coment"。合并第一个顶部项目和底部项目。彼此之间没有斗篷。

任何人都可以帮助我吗？

Answer 1

除非我只是盲目，否则该代码没有ID "coment"的div。它也没有显示您如何动态添加新内容。最后，pastebin是否允许执行代码？一个实际工作的例子会更好;否则你可能只是在这里粘贴你的代码。

简而言之：无论您使用什么动态添加内容，都必须具备回调功能。只需再次触发masonry()作为回调的一部分。

如何在动态附加内容后重新加载jQuery Masonry Script

1 个答案: