jquery对动态加载的li添加click事件,事件无法触发

jquery对动态加载的li添加click事件,事件无法触发,第1张

jquery对动态加载的li添加click事件,事件无法触发时设置出现了问题,解决方法为:

1、新建html文件。

2、创建输入框和按钮。

3、预览效果如图。

4、接下来需要引入jquery.js。

5、设置输入框 keydown 事件和click 事件。

6、按钮点击触发事件。

7、click按钮按下效果如图。

通过事件委托on来绑定事件。

比如:

<div class="container">

<div class="autoBe">此为js生成的dom节点</div>

</div>

如果autoBe的节点为生成的,要给它绑定点击事件,

$('.container').on('click','.autoBe',function(){

})

通过on,事件委托到生成dom的父级元素上。

可以先给div标签设置id,然后给这个id绑定点击事件。

1、新建html文档,在body标签中添加一个div标签,为div标签设置一个id,这里以“demo”为例:

2、在head标签中引入jquery的js文件,这时可以使用cdn链接:

3、添加script标签,在script标签中绑定“demo”,然后使用click函数为div标签绑定点击事件:


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/bake/8007812.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-12
下一篇2023-04-12

发表评论

登录后才能评论

评论列表(0条)

    保存