1

石積みに要素を追加できません... ページで始まるすべての要素は完全に正常に機能します。しかし、何も追加されていません....

   <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>
4

2 に答える 2

2

これは、しばらく見て回った後に思いついたコードです。

アイテムはコンテナに追加/先頭に追加する必要があります。次に、石工に、アイテムが追加/先頭に追加されたことを伝えなければなりません。

これが役立つことを願っています。

var $element = $('<div class="item"><img src="http://placehold.it/200x300"</div>');
$container.prepend($element);
$container.imagesLoaded(function() {
    $container.masonry('prepended', $element);
});
于 2013-10-06T08:38:19.280 に答える
0

ええ、この最新バージョンでは少し混乱しています。石工の 'appended' メソッドは、新しく追加された要素のレイアウトをトリガーするだけですが、追加がどのように機能するかの例を次に示します。

var projects = $('#projects'); 
var elems = []; 
var fragment = document.createDocumentFragment(); 

var elem = $('<div class="item">Here is new item</div>').get(0); 
fragment.appendChild(elem); 
elems.push(elem);
projects.appendChild(fragment); 
msnry.appended(elems);

最も重要なのは、すべての新しい要素が配列「elems」に格納されることです。

これはすでにhttps://tyxo.de/でテストされ、運用されています。

于 2013-09-16T20:52:48.413 に答える