向下滾動時，數據由 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 元素。