如果我把這個jQuery並不適用於頁面加載

Question

後創建的元素：

$(".month-selector").change(function(){ 
    setStones(); 
}); 

的$(document).ready()裏面它並不適用於以後創建的元素。我也嘗試在創建它們之後調用上面的代碼，如下所示：

$("#month-selectors").html(month_selectors); 

$(".month-selector").change(function(){ 
    setStones(); 
}); 

它仍然不起作用。但是，如果我創建一個靜態的，它的工作。

如何在頁面加載後創建它們時將此應用於元素？

Answer 1

您可以使用jQuery的'live（）'方法將事件偵聽器添加到當前和未來的節點。

$(".month-selector").live('change', function(){ 
    setStones(); 
}); 

Answer 2

嘗試：

$(".month-selector").live("change", function(event) { 
// some code 
}); 

Answer 3

這是超級有幫助！但是，如果您在DOM已加載後添加輸入事件，則需要使用「單擊」事件才能使其工作：

$("input#thename").live("click", function(event) { 
// handler for what should happen when somebody clicks on the new input field, in this case I needed a datepicker to pop up so lets get that fired. Now that the click element registered the new input object with the DOM, it can be used like a normal jQuery selector! 
    $("input#thename").datepicker(); 
    });