首页 js,jq新增元素 ,on绑定事件无效

js,jq新增元素 ,on绑定事件无效

一奇 2018-9-28 0 187

在jquery1.7之后,建议使用on来绑定事件。

$('.upload a').on('click',function(){

$(this).remove();

})

在DOM渲染的时候,也就是html页面本来在.upload元素下面有a的情况下,a的点击事件是有效的,即a的确能被移除。

但是用js加到DOM中的html,这样子写的绑定事件是无效的,

必须改成:

$('.upload').on('click','a',function(){

   $(this).remove()//js动态添加的元素也有效

})

必须注意的是:.upload 必须不是js动态生成的,也就是$()选择器必须选择不是动态生成的父元素。

免责声明:本文仅代表作者个人观点,与本网站无关。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
作者: 一奇 本文最后编辑于2018-9-28 03:03:22
一奇

记录生活 分享经验 做笔记

作者的微博

发表评论: