1

jqueryタブ内のページネーションでいくつかの問題に直面しています。うまく機能するためにAjaxページネーションを使用しましたが、残念ながら（ページネーションで）任意のページを2回クリックすると、リンクが壊れます。それがどのように機能するか正面図を見てください: http://kelts.wpengine.com/7664-top-o-the-morning-312/ 最近の関連記事を開く -> ページネーションの任意のページをクリックしてください

wp-pagination(); を使用していることを確認してください。

<script type="text/javascript">

    jQuery(".larger.page").live("click", function(e) {
                e.preventDefault();
                var href = jQuery(this).attr("href");
                show_posts(href.replace(/.*page\//, ""));
            });
    show_posts(1);
    }); 
    function show_posts(l) {
        jQuery.get("<?php bloginfo('template_directory')?>/fetch-blog-post.php", {
                    pageno : l
                }, function(data) {
                    jQuery("#show_posts").html(data).show();
                });
    }

</script>
4

3 に答える 3

1

セレクターjQuery(".larger.page").live(...)をに変更しますjQuery(".larger.page, .page.smaller").live(...)。

リンクにアクセスすると、クラスlargerが置き換えられsmallerます。そのため、2回目のクリックでリンクが壊れます。

于 2013-02-26T13:16:48.267 に答える
1

試してみませんか

$('.wp-pagenavi').on('click',function(){
   // code
});

.liveは今後廃止されるためです。

于 2013-02-26T13:00:19.107 に答える
0

問題は、AJAX 応答の一部としてページネーター自体を取得し、イベントを新しい DOM 要素にバインドしないことです。

于 2013-02-26T13:04:47.980 に答える