0

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

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

...
}

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

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

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

4

2 回答 2

3

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

http://api.jquery.com/on/

.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

于 2013-08-22T09:50:15.217 回答
2

利用

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

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

于 2013-08-22T09:51:53.033 回答