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

Question

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一起工作。

Answer 1

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

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