JQuery訪問動態創建的對象

Question

如何連接動態生成的對象（div）。 我的意思是DIVS在$(document).ready(function()開始時沒有出現在輸出中。

如果我做的：

$('#click_me').click(function() { 
    $('#container').append('<div id="clicker2">can you click on me?</div>'); 
}); 

$('#clicker2').click(function() { 
    alert('hurray, it works'); 
}); 

的clicker2將無法正常工作

我怎樣才能解決這個問題？ 我打算創建多個動態。我也想將jquery動作分配給它們。

Answer 1

。點擊（）未在以後添加跨度或div的工作職能，就需要使用.live()

$("#clicker2").live("click", function(){ 
    # do stuff to spans currently existing 
    # and those that will exist in the future 
}); 

Answer 2

只要把點擊第一點擊功能域：

$('#click_me').click(function() 
{ 
    $('#container').append('<div id="clicker2">can you click on me?</div>'); 
    $('#clicker2').click(function(){ alert('hurray, it works'); }); 
}); 

當你擁有了它，結合被稱爲，但沒有「分區＃clicker2」綁定到第二功能。

希望這會有所幫助。

Answer 3

創建div顯式並在添加它之前組裝它的屬性和事件。

var $div = $('<div />').append('can you click on me?').attr('id', 'clicker2').click(function() { 
alert('hurray, it works'); 
}); 
$('#container').append($div);