栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

jQuery如何将onclick事件绑定到动态添加的HTML元素

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

jQuery如何将onclick事件绑定到动态添加的HTML元素

第一个问题是,当您在具有多个元素的jQuery集合上调用append时,会为每个元素创建要添加的元素的克隆,因此丢失了附加的事件观察器。

一种替代方法是为每个元素创建链接:

function handler() { alert('hello'); }$('.add_to_this').append(function() {  return $('<a>Click here</a>').click(handler);})

另一个潜在的问题可能是在将元素添加到DOM之前附加了事件观察器。我不确定是否有话要说,但是我认为这种行为可能不确定。一个更可靠的方法可能是:

function handler() { alert('hello'); }$('.add_to_this').each(function() {  var link = $('<a>Click here</a>');  $(this).append(link);  link.click(handler);});


转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/398772.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号