
[code]

    <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;
        });
    });
    
[/code]

WordPress プラグイン`wp-jquery-lightbox`を使用してます  
ページネーションに`jquery-autopager`を使用してますが  
2ページ目以降に`lightbox`が効かなくなります  
お願いできますか


CC BY-SA 3.0
2015-10-30T15:19:26.223
18254
2016-11-15T16:26:33.110
2015-10-30T16:10:37.687
7290
13052
question
jquery wordpress
autopager.jsで2ページ目以降読み込み後、lightboxが効かなくなる


ajax で読み込んだ dom には、lightbox イベントが貼られていないことが原因だと考えます。  
よって dom を読み込んだあとに、再度 lightbox を宛てることで、発動するはずです。

ただ、autopager と lightbox について詳しくないので、ajax読み込み後の判定と、lightbox
の実行については、別途ライブラリ等でご確認ください。

もしかすると下記で動くかも……。

[code]

      $.autopager({
            ......
            load: function(current, next) {
                ......
                doLightBox()
            }
        });
    
[/code]


CC BY-SA 3.0
2015-11-01T07:43:29.817
18297
2015-11-01T07:43:29.817
7471
18254
answer