javascript - jQuery 事件绑定(bind)与动态加载的元素

标签 javascript jquery

我知道并研究了多种绑定(bind)事件的方法 .on(), .live(), .click() 等. 我知道 .live() 在 1.9+ 中被弃用了。我遇到的问题是将动态 DOM 元素绑定(bind)到事件。

我有一个包含链接且已分页的 div。这些链接是使用 AJAX 动态加载的。我想覆盖这些链接的绑定(bind)事件,所以我使用了 .unbind() 并尝试了 .on()。问题是这些动态加载的链接没有绑定(bind)。我想那是因为选择器 $('#id_of_links') 与上一组链接一起缓存。

问题: 是否可以在任何时间绑定(bind)页面上加载的所有元素,而无需在用户单击链接上的下一页时设置回调?

最佳答案

对于动态添加的元素,您必须将函数绑定(bind)到它的父元素之一

$('#PARENT').on('click', '#DYNAMICALLY_ADDED_CHILD', function(){ CODE HERE });

父级应该已经存在于 DOM 树中...

更多信息:http://api.jquery.com/on/

关于javascript - jQuery 事件绑定(bind)与动态加载的元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16898288/

相关文章:

jquery - 在 jQuery 和 Laravel 中获取 Model jSignature 属性

javascript - highcharts - 如何按总计对 xAxis 类别进行排序?

jquery - 到达 div 时更改 ul 样式(滚动)

javascript - 插入jquery标签后加载jquery

javascript - 使用 jQuery .click 函数点击观看图像上的点击

javascript - 使用 Slack 的 Node SDK 的 files.upload 问题

php - JavaScript 和 PHP 可以证明在线纸牌游戏吗?

javascript - 无法在 Chrome 控制台中使用 javascript 设置焦点和光标以输入文本

javascript - 是否可以使用 JSLint 验证我的 jQuery JavaScript?

javascript - html 5 视频跟踪百分比