不能与JQuery中的附加元素互动

Question

我有一个DIV元素。

<div id="testButton"> Test Button </div> 

我在它会点击，然后另一个元素将在另DIV元

$("#testButton").click(function() { 

$("#testDiv").append('<div id="test">Test</div>'); 

}); 

附加现在我想Click附加的元素隐藏第一个元素。

$("#test").click(function() { 

$("#testButton").hide(); 
}); 

但是，这并不工作...

Answer 1

只要元素没有对事件处理程序连接到它的那一刻存在 - 这是行不通的。

你可以使用这个方法，而不是：

$(document).on('click', '#test', function() { 
    $("#testButton").hide(); 
}); 

或者，如果有一些特定块已经在页面上 - 你可以使用更具体的选择像

$('#testDiv').on('click', '#test', function() { 
    $("#testButton").hide(); 
});