假设我有一些jQuery代码,它将事件处理程序附加到具有.myclass类的所有元素。
例如:
$(function(){
$(".myclass").click( function() {
// do something
});
});
我的HTML可能是这样的:
<a class="myclass" href="#">test1</a>
<a class="myclass" href="#">test2</a>
<a class="myclass" href="#">test3</a>
这没有问题。 但是,请考虑.myclass元素是否在将来某个时候被写入页面。
例如:
<a id="anchor1" href="#">create link dynamically</a>
<script type="text/javascript">
$(function(){
$("#anchor1").click( function() {
$("#anchor1").append('<a class="myclass" href="#">test4</a>');
});
});
</script>
在本例中,当用户单击#anchor1时,将创建test4链接。
test4链接没有与之关联的click()处理程序,即使它有class="myclass"。
基本上,我希望只编写一次click()处理程序,并将其应用于页面加载时呈现的内容,以及稍后通过AJAX / DHTML引入的内容。知道我该怎么补救吗?