如果我把这个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(); 
    });