向下滚动时，数据由 ajax 加载，但单击触发器不起作用 jquery

Question

当我在列表中向下滚动时，我遇到了 jquery 单击 function 的问题。

1. 在列表中，数据由 ajax 请求加载，当我向下滚动然后单击 function（触发器）不起作用。
2. 当我不向下滚动时，ajax 数据未加载然后单击 function 正在工作。

我很困惑为什么会这样。 我在下面使用了以下触发器，但没有成功。

1. 上（）
2. 点击（）
3. 绑定（）
4. 加载（）
5. 代表（）

我正在向您发送代码。 这是下面的代码。 请帮我整理一下。

$(window).ready(function(){ $(".like").on("click", function(){

        var id = $(this).attr('data');
        // alert(id);

        $.ajax({
            url: "/stores/addLike",
            type: 'GET',
            data: {
                id: id
            },
            error: function (data) {
               console.log(data);
            },
            success: function (data) {
                console.log(data);
                if(data == "liked"){
                    alert('Sorry, you have already liked this beat.');
                }else if(data == "notlogin"){
                    alert('Please login first to like a beat.');
                    window.location = "https://demo.amplifihub.com/login";
                }else{
                $(".likes"+id).text(data);
                }
            }
        });
    });
});

Answer 1

而不是$(".like").on("click", function(){ }); 使用$(document).on("click", ".like", function(){}); 或use any static parent dom element来保留 DOM 事件。 我相信您正在滚动 ajax 调用上生成.like class 元素。