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

Question

我在列表中向下滚动时遇到 jquery 单击功能的问题。

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

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

1. 开()
2. 点击()
3. 绑定()
4. 加载()
5. 委托()

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

$(window).ready(函数(){ $(".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 事件。我相信您正在生成 .like class element on scroll ajax 调用。