javascript - Masonry 3.1.2 前置/附加

Question

无法向砌体中添加元素...从页面开始的所有元素都可以正常工作。但是什么都没有添加....

   <script type="text/javascript">
        $(document).ready(function() {
            $('#container').masonry({
                itemSelector : '.image'
            });
            var msnry = $('#container').data('masonry');


            setInterval(function(){
                msnry.prepended('<div class="image"><div class="wrapper"><img class="img-responsive" src="http://placehold.it/623x834" />asd</div></div>');
            },1000);
        });
    </script>

Answer 1

这是我在查看了更长时间后想出的代码。

该项目必须附加/预先添加到容器中。然后必须告知砌体该项目已附加/前置。

希望对您有所帮助。

var $element = $('<div class="item"><img src="http://placehold.it/200x300"</div>');
$container.prepend($element);
$container.imagesLoaded(function() {
    $container.masonry('prepended', $element);
});