<div class="contents">
<?php if (have_posts()) :while (have_posts()) : the_post();?>
<div class="post"></div>
<div class="post"></div>
<div class="post"></div>
<div class="post"></div>
<?php endwhile; ?>
</div>
<div class="ajaxLoad">
<?php next_posts_link('もっと見る'); ?>
</div>
<script>
$(function(){
$.autopager({
content : '.post',
link : '.ajaxLoad a',
autoLoad: false,
load: function(current, next) {
if( current.page >= <?php echo $wp_query->max_num_pages; ?> ){ $('.ajaxLoad').hide(); }
}
});
$('.ajaxLoad a').click(function(){
$.autopager('load');
return false;
});
});
</script>
https://wordpress.org/plugins/wp-jquery-lightbox/
jquery-autopager
wp-jquery-lightboxを使用してます
ページネーションに>jquery-autopagerを使用してますが
2ページ目以降にlightboxが効かなくなります
お願いできますか
ajax処理が絡んでるのでJSの問題ですね。
ajaxで取得された要素に対してJSの動きをつけるのは結構手間だったと思います。
jQuery系のコミュニティで質問されるか、
http://www.tohoho-web.com/js/jquery/ajax.htm
などを見ながらajax処理について調べていくことをお勧めします。
jQuery専門ではないですがこことかですかね。
https://ja.stackoverflow.com/
解決できないわけではないと思いますが、
「WordPressがわかる=jQueryもわかる」ではありませんので。
