附加＆amp;使用imagesLoaded预置项目砌体？

Question

我正在尝试使用此演示：

http://tympanus.net/Development/GridLoadingEffects/index2.html

但我不能在前面添加新元素。

$('#prepend').click(function(){
  var $boxes = $('<li><img src="/asset/images/8.jpg"/></li>');
  $('#container').prepend( $boxes ).masonry( 'reload' );
});

$('#append').click(function(){
  var $boxes = $('<li><img src="/asset/images/8.jpg"/></li>');
  $('#container').append( $boxes ).masonry( 'appended', $boxes );
});

新元素不显示但在源代码中仍然存在。 任何人都可以帮忙吗？

Answer 1

试试这个

var boxes = '<li><img src="/asset/images/8.jpg"/></li>';
  // Get some more blocks
  $('#append').click(function(){
    // Append new blocks
    $container.append( boxes );
    // Have Masonry position new blocks
    $container.masonry( 'appended', boxes );
  });