jquery 通过append 添加的新元素 没有办法绑定新的事件吗？
<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.0Transitional//EN"><HTML><HEAD><TITLE>NewDocumen...
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<script language="javascript" src="jquery.js"></script>
<script language="javascript">
$(document).ready(function(){
$("#checkuser").click(function(){
$("#pad").append("<button>2</button>");
})
$("button").click(function(){
alert($(this).val());
})
});
</script>
</HEAD>
<BODY>
<FORM METHOD=POST ACTION="">
<div id="pad"><button>1</button></div><INPUT TYPE="button" id="checkuser" name="checkuser" value="add">
</FORM>
</BODY>
</HTML>
大家可以复制到本地测试下 当点默认存在的BUTTON时候 会触发click 但是点append创建出来的button 没有任何反映呢。 展开
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<script language="javascript" src="jquery.js"></script>
<script language="javascript">
$(document).ready(function(){
$("#checkuser").click(function(){
$("#pad").append("<button>2</button>");
})
$("button").click(function(){
alert($(this).val());
})
});
</script>
</HEAD>
<BODY>
<FORM METHOD=POST ACTION="">
<div id="pad"><button>1</button></div><INPUT TYPE="button" id="checkuser" name="checkuser" value="add">
</FORM>
</BODY>
</HTML>
大家可以复制到本地测试下 当点默认存在的BUTTON时候 会触发click 但是点append创建出来的button 没有任何反映呢。 展开
2个回答
展开全部
应该可以的,试一下live方法
live( type, fn )
jQuery 1.3中新增的方法。给所有当前以及将来会匹配的元素绑定一个事件处理函数（比如click事件）。也能绑定自定义事件。
目前支持 click, dblclick, mousedown, mouseup, mousemove, mouseover, mouseout, keydown, keypress, keyup。
还不支持 blur, focus, mouseenter, mouseleave, change, submit
与bind()不同的是，live()一次只能绑定一个事件。
这个方法跟传统的bind很像，区别在于用live来绑定事件会给所有当前以及将来在页面上的元素绑定事件(使用委派的方式)。比如说，如果你给页面上所有的li用live绑定了click事件。那么当在以后增加一个li到这个页面时，对于这个新增加的li，其click事件依然可用。而无需重新给这种新增加的元素绑定事件。
.live()与流行的liveQuery插件很像，但有以下几个主要区别：
.live 目前只支持所有事件的子集，支持列表参考上面的说明。
.live 不支持liveQuery提供的“无事件”样式的回调函数。.live只能绑定事件处理函数。
.live 没有"setup"和"cleanup"的过程。因为所有的事件是委派而不是直接绑定在元素上的。
要移除用live绑定的事件，请用die方法
返回值
jQuery
参数
type (String) : 一个或多个用空格分隔的事件名
fn (Function) : 欲绑定的事件处理函数
示例
点击生成的p依然据有同样的功能。
HTML 代码:
<p>Click me!</p>
jQuery 代码:
$("p").live("click", function(){
$(this).after("<p>Another paragraph!</p>");
});
live( type, fn )
jQuery 1.3中新增的方法。给所有当前以及将来会匹配的元素绑定一个事件处理函数（比如click事件）。也能绑定自定义事件。
目前支持 click, dblclick, mousedown, mouseup, mousemove, mouseover, mouseout, keydown, keypress, keyup。
还不支持 blur, focus, mouseenter, mouseleave, change, submit
与bind()不同的是，live()一次只能绑定一个事件。
这个方法跟传统的bind很像，区别在于用live来绑定事件会给所有当前以及将来在页面上的元素绑定事件(使用委派的方式)。比如说，如果你给页面上所有的li用live绑定了click事件。那么当在以后增加一个li到这个页面时，对于这个新增加的li，其click事件依然可用。而无需重新给这种新增加的元素绑定事件。
.live()与流行的liveQuery插件很像，但有以下几个主要区别：
.live 目前只支持所有事件的子集，支持列表参考上面的说明。
.live 不支持liveQuery提供的“无事件”样式的回调函数。.live只能绑定事件处理函数。
.live 没有"setup"和"cleanup"的过程。因为所有的事件是委派而不是直接绑定在元素上的。
要移除用live绑定的事件，请用die方法
返回值
jQuery
参数
type (String) : 一个或多个用空格分隔的事件名
fn (Function) : 欲绑定的事件处理函数
示例
点击生成的p依然据有同样的功能。
HTML 代码:
<p>Click me!</p>
jQuery 代码:
$("p").live("click", function(){
$(this).after("<p>Another paragraph!</p>");
});
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<button onclick="javascript:aaa();">2<button>
不知是不是onclick这个属性，就是这个意思
在js里先写好function aaa(){}函数
不知是不是onclick这个属性，就是这个意思
在js里先写好function aaa(){}函数
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
