Добавлять и добавлять элементы кладки с изображениямиЗагружено?

Я пытаюсь использовать эту демонстрацию:

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

новый элемент не отображается, но он все еще жив в исходном коде. Может кто-нибудь поможет?


person hazymnc    schedule 21.04.2014    source источник


Ответы (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 );
  });
person Vishnuraj V    schedule 21.04.2014
comment
Мой проект с фреймворком codeigniter: mediafire.com/download/e1ypa2udi2zm7mr/htdocs.rar - person hazymnc; 21.04.2014