JQuery里的代码不能响应动态生成的html元素的click事件,如何解决?
比如我用JQuery代码写好了一个动态生成的html元素的click事件的响应代码。然后再JQuery代码动态生成这个html元素。但是实际上不能响应。如何解决。难道要动...
比如我用JQuery代码写好了一个动态生成的 html元素的click事件的响应代码。然后再JQuery代码动态生成这个html元素。但是实际上不能响应。如何解决。
难道要动态生成的html元素里加onclick代码调用响应函数? 展开
难道要动态生成的html元素里加onclick代码调用响应函数? 展开
3个回答
展开全部
动态生成的DOM,要用$.live(),去绑定事件函数,
$.click()只能对已有DOM生效
$.click()只能对已有DOM生效
更多追问追答
追问
$.live()是什么函数?JQuery哪个里面的函数?我怎么在1.42里面没找到啊
找到啦,谢谢,你这个才是我想要的答案,可是最佳答案误操作给别人了啊。你知道怎么改成你的不????
追答
没有live()?
要么,升级你的jq版本库到1.4.4,然后用live()
要么,在动态生成的dom代码后面追加 $(newdom, selector).click()
自己选择,楼上那个最佳答案,不能满足你需求
展开全部
你可以换个思路解决这种问题
不要监听动态html元素,可以监听这些元素的父节点,再使用jQuery的is方法判断是不是想要的元素。
附上例子
<body>
<script type="text/javascript">
$(function(){
$("#aaa").click(function(e){
if($(e.target).is(".bbb")){
alert(1);
};
});
});
</script>
<table id="aaa" border="1">
<tr>
<td><input type="button" class="bbb" value="sadasd"> <a href="javascript:void(0)" class="bbb">asdasd</a></td>
</tr>
<tr>
<td><input type="button" class="bbb" value="sadasd"> <a href="javascript:void(0)" class="bbb">asdasd</a></td>
</tr>
</table>
</body>
不要监听动态html元素,可以监听这些元素的父节点,再使用jQuery的is方法判断是不是想要的元素。
附上例子
<body>
<script type="text/javascript">
$(function(){
$("#aaa").click(function(e){
if($(e.target).is(".bbb")){
alert(1);
};
});
});
</script>
<table id="aaa" border="1">
<tr>
<td><input type="button" class="bbb" value="sadasd"> <a href="javascript:void(0)" class="bbb">asdasd</a></td>
</tr>
<tr>
<td><input type="button" class="bbb" value="sadasd"> <a href="javascript:void(0)" class="bbb">asdasd</a></td>
</tr>
</table>
</body>
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
应该可以相应, 你把代码贴出来
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询