1

私はこのタンブラーのテーマに取り組んできました

http://pncawebteam.tumblr.com/

最初にロードされたアイテムではすべてが正常に機能しますが、無限スクロールが新しい写真投稿を追加するときに、ライトザップ ライトボックスが適用されません。これらの新しいアイテムがロードされた後、そのライブラリを再トリガーするにはどうすればよいですか? これが、追加用の私のものと私が使用しているライブラリです。

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script src="http://pnca.edu/tumblr_assets/js/imagesloaded.pkgd.js"></script>
<script src="http://pnca.edu/tumblr_assets/js/masonry.pkgd.js"></script>
<script src="http://pnca.edu/tumblr_assets/js/jquery.infinitescroll.min.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js" type="text/javascript"></script>

<script>
$(function(){

var $container = $('#posts');

$container.imagesLoaded(function(){
  $container.masonry({
    itemSelector: '.item',
    columnWidth: 30,
    "gutter": 5
  });
});

$container.infinitescroll({
  navSelector  : '.jump_page',    
  nextSelector : '#newContent a',  
  itemSelector : '.item',     
  loading: {
      finishedMsg: 'No more pages to load.',
    }
  },
  // trigger Masonry as a callback
  function( newElements ) {
    var $newElems = $( newElements ).css({ opacity: 0 });
    $newElems.imagesLoaded(function(){
      $newElems.animate({ opacity: 1 });
      $container.masonry( 'appended', $newElems, true ); 
    });
  }
);

 });

4

0 に答える 0