在这个极简化的和最小化的例子Click事件处理程序已经为每个定义的一个标签(链接被点击后,显示简单的警告).单击该按钮后,第二个链接将添加到页面中.
但是,如果单击此新添加的链接,则不会调用事件处理程序.知道为什么吗？应该添加/更改什么,以便新添加的元素知道主页上定义的脚本？
<html>
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.1.min.js"></script>
<script type="text/javascript">
$("document").ready(function() {
$("a").click(function() {
alert("link is clicked");
return false;
});
$("#btn").click(function() {
$("#second").html("<a href='#'>Second link</a>");
});
});
</script>
</head>
<body>
<div id="first">
<input id="btn" type="button" value="Get new content"/>
<a href="#">Original link</a>
</div>
<div id="second"/>
</body>
</html>
在这种特殊情况下,应该做什么,以便第二个链接知道脚本部分中定义的事件处理程序,以便在单击链接后显示警报？
您对解决这类情况的建议是什么？如何让页面上新添加的元素知道以前定义的Javascript代码？
jquery ×1