jquery 中 table 动态添加的行,为什么CLICK事件不能工作

jquery 中 table 动态添加的行,为什么CLICK事件不能工作,第1张

js动态生成的dom元素得用live进行事件委托,如

$(".t").live("click",function(){

alert(this)

})

这样样式为t的元素就能触发click事件,不管是页面加载完前生成的还是之后js动态生成的。

需要把代码写在$(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({ })


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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存