所以现在,我理解为了将事件监听器附加到动态添加的元素,您必须在添加元素后重新定义监听器.有没有办法绕过这个,所以你不必执行一整个额外的代码块?
我有以下代码:
$(document).ready(function({
$(".click").click(function(){
alert(' The Button Was Clicked !');
});
}));
这很好用.
但是如果我向网页添加一个具有相同类的元素,如下所示:
$('#clicked').click(function(){
$("#area").append("<button class='click'>Click me</button>");
});
然后我之前添加到.click类的事件处理程序将不适用于这个新元素.
将事件处理程序添加到动态添加的元素的最佳方法是什么?
在文档就绪时,我将此事件处理程序附加到具有类bubbleItemOff的所有元素.我的问题是,一些bubbleItemOff元素是在触发文档就绪事件后动态创建的.
有没有办法自动将事件处理程序添加到新创建的元素中,或者在创建元素后是否必须显式执行此操作?
$(function() {
$('.bubbleItemOff').mouseenter(function(e)
{
//...
});
});
Run Code Online (Sandbox Code Playgroud)