私はこのタンブラーのテーマに取り組んできました
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 );
});
}
);
});