JS：追加找不到ATTR

Question

$(".btn").click(function() 
{ 
    $(".content").append(
    "<div class='randomDiv' id='1'></div>" 
    ); 
} 

如果上面是“积极的”，那么我不能：

$(".randomDiv").click(function() 
{ 
    alert($(this.attr("id"))); 
} 

我一派，并发现这是因为我追加前JS被加载，但避风港”找到了一个解决方案如何在JS上加载后注册。

Answer 1

或者：

附加的事件处理程序，当你创建元素

$(".btn").click(function() { 
    $("<div class='randomDiv' id='1'></div>") 
     .on("click", myFunction) 
     .appendTo(".content"); 
} 

function myFunction() { 
    alert($(this.attr("id"))); 
} 

...这样的元素不存在，当你绑定的事件处理程序

使用委派处理

$(document).on("click", ".randomDiv", function() { 
    alert($(this.attr("id"))); 
}); 

...那个捕获所有点击事件，因为它们会冒充文档并检查它们来自哪些元素。

Answer 2

如果您动态添加元素，那么正常的点击功能将不起作用。使用

$(document).on("click",".randomDiv",function(event){ 
     alert($(this).attr("id")); 
}); 

Answer 3

$(".content").on('click', '.randomDiv', function() 
{ 
    alert($(this.attr("id"))); 
} 

$（ “内容”）可与randomDiv的任何现有父项目来替换。说的内容DIV是页面左格，然后上面的代码可以写成

$(".page-left").on('click', '.randomDiv', function() 
{ 
    alert($(this.attr("id"))); 
} 

甚至

$(document).on('click', '.randomDiv', function() 
{ 
    alert($(this.attr("id"))); 
} 

结合事件在DOM

文档级别取决于版本内jQuery你应该使用live，delegate，bind或on函数。