This question already has answers here:
Event binding on dynamically created elements?

(23个答案)


4年前关闭。




jQuery click函数在这里工作正常
<div id="LangTable"><a class="deletelanguage">delete</a></div>

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

但是,如果我通过ajax设置了<a>,则$('.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一起使用。

最佳答案

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

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

关于html - jQuery单击功能在Ajax调用后不起作用? ,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/17715274/

10-12 12:50
查看更多