jQuery：如何将页面加载后创建的div的onready关联

Question

I have few divs which will be created by a script not in my control on the web page. These divs will be created after page has completely loaded, based on AJAX data. How can I associate onready event with these divs.

Answer 1

It sounds like you are looking for event delegation. jQuery's .on() method has a very simple approach to attaching event handlers to dynamically created elements. For example:

$( "#dataDiv" ).on( "click", "div", function() {
  $( this ).fadeOut();
});

That code will listen for click events on all current and future div elements within #dataDiv and then hide whatever was clicked on.

You can delegate all standard jQuery event types in this manner. Hope that helps!

Answer 2

您不能但可以使用事件委派，如果事件委派有关点击/悬停等。请参见http://api.jquery.com/on/#direct-and-delegated-events

Answer 3

如果您无法控制脚本，则可以使用ajaxComplete（）来检查每个ajax请求完成后是否存在div。