[原创]
动态生成元素触发事件无效的解决方法
来源:原创 - 时间:2021-05-09 18:23:16 - 浏览:

在写JS时,我们在处理动态生成的HTML触发事件时,会无效。比如:

$("body").html("<b>ILovewww.11px.cn</b>");
$("b").click(function(){alert(123)})


你会发现点击B标签,并不会触发alter弹窗。具体逻辑原因精准像素没深究,希望研究的可以去网上看看。

这里精准像素只分享方法,会用到JQ的.on语法。

$("body").html("<b>ILovewww.11px.cn</b>");
$("body").on("click","b",function(){
alert(123)
});

这个就相当于重新选取了一次,从body开始一直到下面的b标签,这样就可以重新触发生成的B标签事件了。

当然里面的click点击事件也可以换成其他任何事件。

希望能够帮助大家。

随机推荐随机推荐

易车伙伴 易车伙伴

暂无描述...

【鄂州赶集网】 【鄂州赶集网】

鄂州赶集网,是鄂州更专业的分类信息网!免费发布查询房屋租售、求职招聘、二手物品、车辆买卖、生活黄页等鄂州实用信息.赶集网-为生活服务 ganji.com!

绿野 绿野

绿野网是中国第一家也是目前最大一家户外旅行活动网络平台,拥有15年的户外活动平台运营经验,主要业务是为户外旅行的商家、领队及出行用户提供活动发布、报名、出行服务平台。 截止2020年底注册用户380万,每年出行人群近80万人次,累计分享户外路线20万条、照片345万张,实名登记领队9000余名,在户外旅行领域具有广泛的知名度和影响力。 

北京房修一建筑工程有限公司 北京房修一建筑工程有限公司

北京房修一建筑工程有限公司隶属于北京房地集团有限公司,是以新建施工、大型修缮、古建和文物保护、高级装饰装修为主,集物业管理、建筑设计、通风设备安装、机械运输、设备租赁、园林雕塑及房地产开发等为一体的具有综合实力的大型建筑施工企业。

加拿大冰酒网 加拿大冰酒网

加拿大冰酒网是全球最早最专业的冰酒门户网站,旗下冰酒专卖中心荟萃加拿大冰酒、德国冰酒、奥地利冰酒等冰酒主产国冰酒,品牌众多、全部原瓶进口,进口商或国外酒庄合作直销冰酒,价格公道,是您选购冰酒的放心平台;专业丰富的冰酒知识是冰酒爱好者和冰酒从业者学习交流冰酒的理想平台。

上海菁华科技仪器有限公司 上海菁华科技仪器有限公司

上海菁华科技仪器有限公司

上海华瑞银行 上海华瑞银行

上海华瑞银行是全国首批试点五家民营银行之一,由上海均瑶(集团)联合沪上十余家民营企业发起。用心服务新普惠,智慧创造新金融。点击登陆官网或拨打95173,了解更多。

南京律师事务所 南京律师事务所

江苏通税律师事务所是一家专业化税法律师事务所。作为本土崛起的新型法律服务机构,通税专注于为国内外客户提供财务,税务,法律相融合的“一站式”综合服务,为政府相关机构提供政策建议以及决策支持。

哈馆·新朋友计划 哈馆·新朋友计划

暂无描述...

国翰教育官网 国翰教育官网

国翰潜能开发中心专业开设全脑教育,右脑开发,快速提高记忆力,快速阅读,记忆力训练培训,打造最强大脑训练营

天娱传媒官网 天娱传媒官网

天娱传媒官方网站

大宅媒 大宅媒

大宅媒装饰专注别墅装修,别墅装修设计,别墅装修公司,别墅设计,大宅媒装饰,服务电话400-1818-571。

活动板房回收 活动板房回收

一个专注生产批发新旧活动板房的企业,厂家直销,提供活动板房价格免费质询137-1222-7005主营:二手活动板房和旧彩钢活动板房以及二手活动板房回收,还有住人集装箱活动房回收和活动围挡等轻型钢结构定制解决方案