怎么判断动态插件的html元素加载完成？

Question

需求描述：
现在从后台ajax过来一段html，用$('body').append(html)或$('body').html(html)插入body，如何判断这段html是否加载完成呢？

Answer 1

用jq，有个ready事件。

Answer 2

如果只是其中一段html的话不用判断吧

$('body').append('<h1 class="haha">666666</h1>');
console.info($('.haha').text());

就像上面的代码，因为JavaScript是单线程的，所以只有等到append之后会执行下面的代码。

你可以再ajax返回数据后append()或者html()之后再做你想要的操作

Answer 3

用一个函数包装一下，返回一个回调函数

function addHtml(callback){
    $('body').append('<h1 class="haha">666666</h1>');
    callback();
}//在callback函数中写你要做的后续处理