jquery - 附加和预置项目砌体与图像加载？

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 );
  });