Javascript Can';t访问jQuery加载的html的DOM
我有一个带有空div的页面,当用户单击按钮时,执行jQuery函数并加载一些内容。我的问题是无法访问div中的元素 例如,如果加载了一个链接,如果我有一个在单击链接时执行的函数,那么它没有任何效果,因为链接是加载内容的Javascript Can';t访问jQuery加载的html的DOM,javascript,jquery,html,Javascript,Jquery,Html,我有一个带有空div的页面,当用户单击按钮时,执行jQuery函数并加载一些内容。我的问题是无法访问div中的元素 例如,如果加载了一个链接,如果我有一个在单击链接时执行的函数,那么它没有任何效果,因为链接是加载内容的 $('#all').click(function(e){ e.preventDefault(); all = true; $.ajax({ type: 'POST', url: './?ajax=cars',
$('#all').click(function(e){
e.preventDefault();
all = true;
$.ajax({
type: 'POST',
url: './?ajax=cars',
data : {all : true},
success: function(data){
$('#ajaxTable').html(data);
}
});
});
编辑:我如何加载内容的示例代码
$('#all').click(function(e){
e.preventDefault();
all = true;
$.ajax({
type: 'POST',
url: './?ajax=cars',
data : {all : true},
success: function(data){
$('#ajaxTable').html(data);
}
});
});
替换:
$('#all').click(function(e){ /* code here */ });
与:
#all元素是在分配单击事件后创建的,因此它不会应用于新的#all元素。使用$(document).on()任何#文档中包含的所有内容,无论加载时间如何,都将观察事件。我们如何知道是否没有看到代码?您需要为新链接使用实时绑定来订阅单击事件。请不要使用实时绑定,它不再存在于jquery use$(“parentSelector”)。on(“单击”,“实际元素”,函数(){//代码在这里});使用jquery.Ops中的
.on()
,链接一个旧的复制品。此副本更为最新: