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

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

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

1、新建html文件。

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

3、预览效果如图。

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

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

6、按钮点击触发事件。

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

需要把代码写在$(function(){ })中

<script type="text/javascript">

$(function(){

$("#tables").append("<tr><td id='_td"+1+"'><input name='' type='button' value='"谈乎谨+"张三"+"' style='border:0pxbackground:#FFFFFF' onclick ='alert(123)'/></td></tr>")

})

</script>

$(function(){ })的意思是等到所有的DOM元素可用了才执行javascript代码。楼主的代码,在还没加载#tables元素时就调用了jquery代码向一个不顷裤存在的含基#tables元素中添加内容,跟本找不到嘛

$(function(){ })也可以写成$(document).ready({ })

这就是“为未来元素添加事件”的方法了,

jquery里为未来元素添加事件的原理很简单,睁樱弯既然这个元素是未来的,那么我们可以把事件绑定在已经存在的元素上,然后在发生点击的时候,再来判断所点击的对象,是否为我们要的对象,然后再触发事件。

$("div#id").on("click","button.do",function(){

    //具体的内容

})

上面这段代码解释起来就是,给div#id绑定一个click事件,并且触发事件的对象为button.do时,开始执行具体的内容。

不管button.do是否为已经存在的,还是未来添加的颂雹,都能执行。

对于你的问题,同理就能解决,

$("input[type='checkbox']").click

你的这句,把事件绑定到最近的父元素里,不要绑在离“太远”的父元素上,影响代码的执行效悉闷率,


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

原文地址: http://www.outofmemory.cn/bake/11973322.html

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

发表评论

登录后才能评论

评论列表(0条)

保存