jQuery是广受大家的喜爱一款js框架,我们在使用Ajax去改变页面内容之后,页面中可能会加入新的标签。当我们想使用ready方法中已经注册的事件时,发现对新加入的标签不起作用了,这就需要为新加入的标签绑定事件。
如果它的ID=a,那么之前在ready之中注册的事件就会失效。
网页中存在如下代码:
<div id="insertdiv"></div>
<a href="#" id="ch1">Click</a>
我们想在insertdiv中插入新的<a>那么有如下脚本:
$(document).ready(function () {
//插入一个标签
$("#ch1").click(function () {
$('<a id="new" href="#">NEW</a>').appendTo("#insertdiv");
});
//事先给该标签绑定了click事件处理代码
$("#new").bind("click",function () {
alert();
});
//该结果是click事件处理是无效的
});
解决方案如下:
$("#ch1").click(function () {
$('<a id="new" href="#">NEW</a>').appendTo("#insertdiv");
$("#new").bind("click",function () {
alert();
});
});
这样子就可以了。。。
关注分布式存储技术以及分布式计算方法