为啥append出来的li没有点击事件?

为啥append出来的li没有点击事件?

点击事件并没有限制第一个li之类的。。。为什么append出来的li没有点击事件?

如果想要append出来的li,也有js里通过$('.li')添加的事件,一般如何处理?

正在回答

登陆购买课程后可参与讨论,去登陆

3回答

你好,是jquery中on绑定事件的原因,不会给新追加的元素绑定事件。但是jquery中有一个live()方法绑定事件,这个是支持的:

http://img1.sycdn.imooc.com//climg/5d1f3a320001962b09470282.jpg

不过现在已经不推荐使用了,使用低版本的jquery可以进行测试。

祝学习愉快!

好帮手慕星星 2019-07-05 09:53:45

你好,这样写给新增加的li是绑定不上事件的,可以绑定在父元素,用事件冒泡处理,例如:

http://img1.sycdn.imooc.com//climg/5d1ead9d0001e8e604570126.jpg

自己测试下,祝学习愉快!

  • 提问者 cjq6502 #1
    绑定不上是有什么原因吗,和js的执行方式有关吗?
    2019-07-05 18:39:29
好帮手慕糖 2019-07-04 14:23:30

同学你好,具体说的是哪里,可以详细的指出一下哦。或者也可以提供下代码,便于准确的定位与解决问题。

祝学习愉快!

  • 提问者 cjq6502 #1
    $('li').on('click',function() { $('ul').append('<li>333</li>') }) 新增加的li并没有点击事件
    2019-07-04 19:30:49
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
3.WebAPP开发与小程序
  • 参与学习           人
  • 提交作业       622    份
  • 解答问题       6815    个

微信带火了小程序,也让前端工程师有了更多的展现机会,本阶段带你从移动基础知识的学习到webAPP开发,及小程序开发,让你PC端与移动端两端通吃。

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师