This question already has answers here:
Event binding on dynamically created elements?
(23个答案)
4年前关闭。
jQuery click函数在这里工作正常
但是,如果我通过ajax设置了
例如
现在,最后一个
jsfiddle示例:http://jsfiddle.net/suhailvs/wjqjq/
注意:CSS在这里工作正常。
我想使这些新添加的
(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/