使用jquery为新创建的元素添加事件
2019-08-10 11:52
1481 查看
新创建的元素添加事件需要使用事件代理的方式;
[code]<ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> </ul>
[code]$("li").on("click",function(){ $(this).css("background","blue"); })
当点击li标签时,背景色为蓝色,如果创建一个新的li标签放入ul中,新的li标签没有点击事件。
这样我们需要用到事件代理。
[code]//ul是触发事件的元素的父元素 //click是事件类型 //li是触发事件的元素 $("ul").on("click","li", function(){ $(this).css("background","blue"); });
相关文章推荐
- 解决使用JQuery或JS动态添加的元素无法绑定事件的问题
- Jquery对ajax动态添加进去的元素使用on动态绑定事件
- 解决使用jQuery采用append添加的元素事件无效的方法
- jquery 为未来添加的元素创建事件(click等事件)
- 关于使用Jquery的appen动态添加元素的事件绑定
- 解决jQuery使用append添加的元素事件无效的问题
- 解决jQuery使用append添加的元素事件无效的方法
- Jquery对动态添加进去的元素无法使用on绑定事件处理
- 解决使用jQuery采用append添加的元素事件无效的方法
- jquery 动态创建元素,在元素山添加事件
- jQuery给动态创建的元素添加事件
- jquery 解决使用append添加元素后监听事件消失的问题
- jquery创建的动态元素如何为元素添加相应事件
- 使用Jquery的鲜活绑定(lively-ness),解决“新添加的元素,事件不可用”的问题
- jQuery为图片添加链接(创建新的元素来包裹选中的元素)
- jQuery 绑定事件到动态创建的元素上
- jQuery为动态生成的select元素添加事件
- jQuery使用before()和after()在元素前后添加内容的方法
- 如何来使用jquery动态的往页面添加元素
- 动态创建元素并给元素添加带有回调函数的动态事件