javascript - Jquery:在ajax加载操作后将数据 append 到div

Question

我的设置很像这样:

$('.container a').click(function(event) {
    event.preventDefault();
    $('#contents').remove();
    $(this).parent().append("<div id=\"contents\"></div>");
    $('#contents').html('<img src="/images/loading.gif" />')
                  .load("stuff.html")
                  .append("<div id=\"closebutton\"></div>");
});

但是，“append”部分似乎在加载完成之前运行，因此 closebutton div 会被 stuff.html 的内容覆盖。如何让它等到 ajax 操作完成后再执行最终追加？

谢谢:)
马拉

Answer 1

将 append 放入回调函数中即可。

$('.container a').click(function(event) {
    event.preventDefault();
    $('#contents').remove();
    $(this).parent().append("<div id=\"contents\"></div>");
    $('#contents').html('<img src="/images/loading.gif" />')
               .load('stuff.html',{},function(){
                  $(this).append('<div id=\"closebutton\"></div>");
               });
});