小编典典

jQuery单击功能在ajax调用后不起作用?

ajax

jQuery click函数在这里工作正常

<div id="LangTable"><a class="deletelanguage">delete</a></div>

$('.deletelanguage').click(function(){
    alert("success");
});

但是如果我<a>通过ajax 设置一些功能,将$('.deletelanguage').click无法正常工作。

例如

function CreateRow(jdata) { 
    $('#LangTable').append('<a class="deletelanguage">delete</a>');
}

$.ajax({        
    url: "/jobseeker/profile/",
    success: CreateRow
});

现在$('.deletelanguage').click,最后一个<a>不起作用。

jsfiddle示例:http :
//jsfiddle.net/suhailvs/wjqjq/

注意:CSS在这里工作正常。

我想使这些新添加的<a>与jQuery click一起工作。


阅读 254

收藏
2020-07-26

共1个答案

小编典典

问题是.click仅适用于页面上已经存在的元素。on如果要连接将来的元素,则必须使用类似的东西

$("#LangTable").on("click",".deletelanguage", function(){
  alert("success");
});
2020-07-26