AJAX 分页每隔一个链接刷新页面

AJAX pagination refreshes page every other link

本文关键字：链接 一个 刷新 分页 AJAX      更新时间：2023-09-26

在我的Rails应用程序中，我使用will_paginate和部分来制作它，这样您就可以单击列表的页面而无需刷新页面。这是我用来调用部分并完成所有操作的 JS： 

$(function () {  
    $('.pagination a').on("click", function () {  
        $.get(this.href, null, null, 'script');  
        return false;  
    });  
});

然而，出于某种原因，当我第一次点击一个链接时，它工作得很好;用更新的链接替换部分。但是在那之后，我单击下一个分页锚链接，页面会完全刷新。知道为什么吗？我的想法是，这个JS仅在最初加载DOM时执行，因此当部分被替换为包含新链接的链接时，它们不会连接到此代码。如果这是正确的，我将如何修复它？

看起来您可能必须使用事件委派...分页 Ajax 请求也可能替换.pagination a元素，这意味着新创建的元素没有注册单击处理程序。

所以试试

$(function () {  
    $(document).on("click", '.pagination a', function () {  
        $.get(this.href, null, null, 'script');  
        return false;  
    });  
});
  • 动态创建的元素上的事件绑定？
相关文章：