首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >如何在动态更改innerHTML后重新添加点击监听器?

如何在动态更改innerHTML后重新添加点击监听器?
EN

Stack Overflow用户
提问于 2017-10-31 13:23:46
回答 1查看 62关注 0票数 0

我正在尝试将标签转换为Shopify商店中通过第三方应用动态加载的内容中的标签,这意味着HTML是在页面加载完成后添加的。在我进行转换之前,标签已经通过第三方脚本添加了'click‘事件侦听器。

我当前的代码如下所示:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
var widgetHTML = $(".cbb-frequently-bought-selector-list").html();
widgetHTML = widgetHTML.replace(/<a /g, '<span ').replace(/<\/a>/g, '</span>');
$('.cbb-frequently-bought-selector-list').html(widgetHTML);

在这段代码执行之后,原来的“click”事件侦听器就消失了。

有没有办法在所有标签上临时保存对所有现有'click‘事件侦听器的引用,然后执行上面的代码,然后将'click’事件侦听器重新添加到替换了这些标签的新标签上?

EN

回答 1

Stack Overflow用户

发布于 2017-10-31 13:26:11

像这样使用jQuery的事件委派:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
$(document).on('click','your_element_selector', function() {
   // your code    
});
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/47036559

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文