javascript - 这个结构会一直工作吗

Question

在我的网站上，它将有产品图块，每个图块中都有一个按钮，图块将根据可用性通过 ajax 调用加载，我正在使用以下函数来初始化具有 div 的函数。这里“add_+uid”是按钮的id

$('#add_'+uid).bind("click",addFunction);
function addFunction(){

...
}

我发现上面的代码只能在页面加载时工作，我可以像这样使用它吗？这是 ajax 类型场景的解决方案吗？

$('#add_'+uid).click(addFunction);

如果这对这种情况没有任何建议？

score 3 · Accepted Answer

on可以为父元素调用jQuery方法。
只要父元素存在，它就会捕获给定选择器的所有事件。

.on( events [, selector ] [, data ], handler(eventObject) )

selector：
一个选择器字符串，用于过滤触发事件的选定元素的后代。

$('body').on('click', '#add_'+uid, function(){

});

您还可以将侦听器绑定到以 id 开头的所有元素add_：

$('body').on('click', '[id^=add_]', function(){
  alert($(this).attr('id'));
});

演示：jsFiddle

score 2 · Accepted Answer

利用

$(document).on("click", '#add_'+uid, addFunction);
function addFunction(){
    ...
}

document您也可以在页面上使用静态容器来代替。

2 回答 2