php - jquery选项卡内的Ajax分页

Question

我在 jquery 选项卡内部遇到了一些分页问题。我使用了 Ajax 分页，因为它工作得很好，但不幸的是，当我第二次点击任何页面没有（分页）时。然后它破坏了链接。请看前视图它是如何工作的：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>

Answer 1

你为什么不试试

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

因为.live从现在开始不推荐使用。

Answer 2

将您的选择器更改jQuery(".larger.page").live(...)为jQuery(".larger.page, .page.smaller").live(...).

一旦您访问一个链接，该类larger就会被替换，smaller这就是该链接在第二次单击时断开的原因。

Answer 3

据我所知，问题在于您将分页器本身作为 AJAX 响应的一部分，并且不将事件绑定到新的 DOM 元素。