Javascript 观察新DOM节点的插入并对其调用方法
我正在编写一些javascript,使用jQuery调用类Javascript 观察新DOM节点的插入并对其调用方法,javascript,jquery,dom,observer-pattern,Javascript,Jquery,Dom,Observer Pattern,我正在编写一些javascript,使用jQuery调用类datepicker的所有节点上的方法 以下是我所拥有的: $('.datepicker').my_method(); 这就像预期的一样-它调用my\u方法 但是,我希望能够使用类datepicker在插入DOM的所有新节点上调用my_方法 我想要类似于.live方法的功能,而不需要指定事件类型 我该怎么做呢?这就是为什么:) 你是这样用的 $('.datepicker').livequery(function() { $(this
datepicker
的所有节点上的方法
以下是我所拥有的:
$('.datepicker').my_method();
这就像预期的一样-它调用my\u方法
但是,我希望能够使用类datepicker
在插入DOM的所有新节点上调用my_方法
我想要类似于.live
方法的功能,而不需要指定事件类型
我该怎么做呢?这就是为什么:)
你是这样用的
$('.datepicker').livequery(function() {
$(this).my_method();
});
或者,您可以在加载元素时重新运行插件,例如在以下情况下:
$.ajax({
//options..
success: function(data) {
$("#elementId").html(data);
$(".datepicker", data).my_method();
}
});
此方法仅在响应中的.datepicker
元素上运行,而不在现有元素上运行…因此它只运行/执行最小的工作量。就浪费的观察代码/处理等而言,这是最有效的方法。但它并不总是一种选择。这就是它的用途:)
你是这样用的
$('.datepicker').livequery(function() {
$(this).my_method();
});
或者,您可以在加载元素时重新运行插件,例如在以下情况下:
$.ajax({
//options..
success: function(data) {
$("#elementId").html(data);
$(".datepicker", data).my_method();
}
});
此方法仅在响应中的.datepicker
元素上运行,而不在现有元素上运行…因此它只运行/执行最小的工作量。就浪费的观察代码/处理等而言,这是最有效的方法。但它并不总是一种选择。Nice!使用livequery
,因为我没有使用AJAX插入。Ta:)太好了!使用livequery
,因为我没有使用AJAX插入。Ta:)