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

Question

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

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

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

1. on（）
2. click（）
3. bind（）
4. load（）
5. delegate（）

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

$（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 element。