无限滚动，回调jquery函数

Question

我正在使用infinite-scroll，这是一个通过 ajax 获取新页面来替换标准分页的插件。

这样做的问题是 jquery 函数不注册新帖子，导致如下函数：

jQuery(document).ready(function($) {
        $('.vote-a, .vote-b').click(function() {
            //do stuff
        });

        $('.vote-b').click(function() {
                    //do other stuff
        }); 
}); 

停止运行。为了解决这个问题，该插件提供了回调，让我们包含您希望在加载新页面时调用的代码。

我所做的只是将代码放在上面。 成功了，但我最终得到了相同代码的多个实例。

那么问题是我该如何解决这个问题？我能想到的一种方法是使用每个回调销毁/删除旧实例。

或者以某种方式重新初始化/重新启动/调用函数。

Answer 1

您可以在根级别注册点击事件，而不是通过查找单个元素并将点击事件分配给它们。

https://api.jquery.com/on/ 和较旧的方法 https://api.jquery.com/live/

jQuery(document).ready(function($) {
        $(document).on('click', '.vote-a, .vote-b', function() {
            //do stuff
        });

        $(document).on('click', '.vote-b', function() {
                    //do other stuff
        }); 
});