JS拼接html代码后 类点击事件无效

 

发生场景：页面初次加载js能用，当调用接口拼接出来页面时，js代码失效

 

原代码

$(".collect").click(function(){
    if($(this).hasClass("collect_cur")){
        $(this).removeClass("collect_cur")
    }else{
        $(this).addClass("collect_cur")
    }
})

修改后

$(document).on("click", ".collect", function () {
    if($(this).hasClass("collect_cur")){
        $(this).removeClass("collect_cur")
    }else{
        $(this).addClass("collect_cur")
    }
});