您好, 欢迎来到 !    登录 | 注册 | | 设为首页 | 收藏本站

如何使用jQuery将事件附加到动态HTML元素?[重复]

如何使用jQuery将事件附加到动态HTML元素?[重复]

我正在添加一个新答案,以反映jQuery更高版本中的更改。从jQuery 1.7开始不推荐使用.live()方法

从http://api.jquery.com/live/

从jQuery 1.7开始,不推荐使用.live()方法。使用.on()附加事件处理程序。较旧版本的jQuery的用户应优先使用.delegate()而不是.live()。

对于jQuery 1.7+,您可以使用.on()将事件处理程序附加到父元素,然后将选择器与“ myclass”组合作为参数传递。

所以代替…

$(".myclass").click( function() {
    // do something
});

你可以写…

$('body').on('click', 'a.myclass', function() {
    // do something
});

这将适用于主体中带有“ myclass”的所有标签,无论该标签已经存在还是以后动态添加

这里使用body标签,因为该示例没有更紧密的静态周围标签,但是在发生.on方法调用时存在的任何父标签都可以使用。例如,列表的ul标签添加动态元素,如下所示:

$('ul').on('click', 'li', function() {
    alert( $(this).text() );
});

只要ul标签存在,它将起作用(尚不存在li元素)。

JS 2022/1/1 18:17:11 有436人围观

撰写回答


你尚未登录,登录后可以

和开发者交流问题的细节

关注并接收问题和回答的更新提醒

参与内容的编辑和改进,让解决方法与时俱进

请先登录

推荐问题


联系我
置顶