Question

我在jquery选项卡内部遇到了一些问题。我使用了Ajax分页，因为它工作得很好但不幸的是当我第二次点击任何页面时没有（在分页中）。然后它打破了链接。请查看前视图如何工作： http://kelts.wpengine.com/7664-top-o-the-morning-312/ 打开最近的相关帖子 - ＆gt;点击任何分页页面

请确保我使用的是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

从我看到的问题是，您将paginator本身作为AJAX响应的一部分，并且不将事件绑定到新的DOM元素。

jquery选项卡内部的Ajax分页

3 个答案: