jQuery 加载完成事件后的jQuery

jQuery after load complete event

提问by IEnumerable

Im using .load() and .show() to dynamicly load some HTML.

我使用 .load() 和 .show() 来动态加载一些 HTML。

//load the html
$('#mydiv').load('some_url');


 // Display
$('#mydiv').show();

But here I need to call a Javascript function that only exist in the dynamic content, how can I tell if the .load() is complete ?

但是这里我需要调用一个只存在于动态内容中的Javascript函数，如何判断.load()是否完整？

回答by CodingIntrigue

Use the callback for .load:

使用回调.load：

$('#mydiv').load('some_url', function() {
    // This gets executed when the content is loaded
    $(this).show();
});

回答by Royi Mindel

The load function get a callback function for complete

load函数获取回调函数完成

('#mydiv').load('some_url', function() {
  alert( "Load completed." );
});

http://api.jquery.com/load/

http://api.jquery.com/load/

回答by Rituraj ratan

$( "#mydiv" ).load( "url", function() {
  alert( "Load was performed." );
});

reference load

参考负载

回答by Alexander Kobelev

$('#mydiv').load('some_url', function(responseText, textStatus, XMLHttpRequest){
  console.log("Content Loaded!");
});

Look at this

看看这个