javascript - 这个结构可以一直工作吗

标签 javascript jquery function html

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

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

...
}

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

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

如果这不起作用,对此场景有什么建议吗?

最佳答案

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

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

.on(事件[,选择器][,数据],处理程序(eventObject))

selector:
A selector string to filter the descendants of the selected elements that trigger the event.

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

});

您还可以将监听器绑定(bind)到以 add_ id 开头的所有元素:

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

演示: jsFiddle

关于javascript - 这个结构可以一直工作吗,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18377001/

相关文章:

javascript - 根据下拉选择刷新 div 容器的全部内容

javascript - 未调用 NodeJS 函数

c - 某些函数中修改的结构会更改指针并导致 free() 失败

javascript - 模板文字注入(inject)对象并传递给函数

javascript - jQuery "Class"麻烦 - "Unexpected token this"

Javascript - 使用生成的表中的按钮在旁边元素中显示信息

javascript - 根据字符串起始值进行过滤

c - Arduino 程序资源不足

javascript - 如果对值是字符串,如何从 json 获取键和对值

php - 将参数从 php(mysql_query result) 传递到由 onchange 事件触发的 javascript 函数