我需要为未来<div>
元素的click
事件添加一个处理程序,这些元素还不存在。通常,我会使用jQuery的.live
函数来处理这个问题,但是现在似乎为了支持.on
,它被弃用了。
要以这种方式使用.on
方法,jQuery建议设置选择器参数,以允许创建委托事件,并提供以下示例代码:
$("#dataTable tbody").on("click", "tr", function(event){
alert($(this).text());
});
这一切都很好,但是我应该为我的初始选择器放入什么,他们有#dataTable tbody
吗?请注意,$.on()
不起作用。
发布于 2011-11-19 10:35:00
jQuery的文档显示,您可以替换
$(selector).live(event, handler)
使用
$(document).on(event, selector, handler)
此外,您还可以选择更精确,将$(document)
替换为元素的静态父元素的选择器。例如,如果您有一个静态的table
元素,并且tr
元素是动态添加到DOM中的,则可以执行类似$('table#id').on('click', 'tr', ...)
的操作
发布于 2011-11-19 09:06:44
我一贴出这个问题就想明白了…真对不起!
初始选择器可以是任何父元素。因为我的元素将是body的直接子元素,所以我可以使用body
作为选择器:
$('body').on('click', '.my_class', function(event) { ...
这是可行的,因为事件将会冒泡起来。这本质上是一个额外的.my_class
过滤器的正常冒泡。
https://stackoverflow.com/questions/8191064
复制相似问题