Question

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

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

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

Answer 1

看起来你可能不得不使用事件委托...分页ajax请求也可能正在替换.pagination a元素，这意味着新创建的元素没有注册点击处理程序。

所以试试

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

Event binding on dynamically created elements?

AJAX分页刷新每个其他链接的页面

1 个答案: