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

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

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

1、新建html文件。

2、碰仿创建输入框和按钮

3、预览效果如图。

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

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

6、按钮点击触发事件。

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

直接使用click事件是不起作用的,我平常使用的两种方法

1、on事件

var html1='亏祥'

html1 +=`<div>

<button type="button" class="btn btn-primary sure btn-mian" onclick="sure()">确认提橘销交</button>

<button type="button" class="btn btn-default " data-dismiss="modal">暂不提交</button>

</div>`

$('.modal-footer').append(html1)

$('div').on('click','.sure',function(){console.log("+++")})

2、onclick事件

var html1=''

html1 +=`<div>

<button type="button" class="btn btn-primary sure btn-mian" onclick="sure()">确认提交</button>

<button type="button" class="btn btn-default " data-dismiss="modal">暂不提交</button>

</div>`

$('.modal-footer').append(html1)

functionsure(){console.logO("===")}

需要获取到div这个元素,可以通过id,class等等方式得到,比如说div的id为"div1",那么就可圆空游以这么写了。$('#div1').click(function(){//这里面就是click事件的内容了})


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

原文地址: https://outofmemory.cn/bake/11991461.html

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

发表评论

登录后才能评论

评论列表(0条)

保存