js,jq新增元素 ,on绑定事件无效
2015-04-21 14:31
375 查看
在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动态生成的,也就是$()选择器必须选择不是动态生成的父元素。
$('.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动态生成的,也就是$()选择器必须选择不是动态生成的父元素。
相关文章推荐
- 关于js动态生成元素,注册(绑定)的事件失效的解决(on)
- 关于js动态生成元素,注册(绑定)的事件失效的解决(on)
- 页面元素用JS动态添加的有效事件绑定方式(on)
- jQuery使用on()绑定动态生成元素的事件无效的问题
- jQuery使用on()绑定动态生成元素的事件无效的问题
- jQuery使用on()绑定动态生成元素的事件无效的问题
- jQuery1.9之后使用on()绑定 动态生成元素的 事件无效
- 关于js动态生成元素,注册(绑定)的事件失效的解决(on)
- 关于js动态生成元素,注册(绑定)的事件失效的解决(on)
- js绑定滚动事件,滚动事件无效,没有触发
- JQ动态添加DOM元素绑定事件
- js实现动态创建的元素绑定事件
- 我的JavaScript回顾之路_05—0210—js和jq绑定事件的区别/事件冒泡
- on事件绑定未来元素
- jq新版事件绑定.on()、解绑事件off()用法详解
- js给dom元素绑定事件的三种方式
- Js - JQ事件委托( 适用于给动态生成的脚本元素添加事件)
- jquery插件动态生元素,绑定angularjs on-click事件
- [JS] jq绑定事件的参数传递
- js中的事件委托机制(解决动态生成的dom元素无法绑定事件的问题)