等到ajax .html成功加载对象

Question

我怎么能等到.html完成加载才能触发其他查询？

这是我的代码

a href

<a class='smsnoti' href='http://someurl.com'>Notify</a>

的javascript

$('.smsnoti').bind('click', function(e) { 
    var url = $(this).attr('href');
    $("div#container").html('<object data="'+url+'">'); // i want to wait untill this load complete
    e.preventDefault(); // stop the browser from following the link
    $("#flash").fadeIn(400).html('<center><div class="alert alert-success" role="alert">SMS Sent!</div></img></center>').fadeOut(4000); //want to show this after the .html complete
});

Answer 1

可能是您可以尝试使用.promise().done()方法链接：

$('.smsnoti').bind('click', function (e) {
    var url = $(this).attr('href');
    $("div#container").html('<object data="' + url + '">').promise().done(function () {
        $("#flash").fadeIn(400).html('<center><div class="alert alert-success" role="alert">SMS Sent!</div></img></center>').fadeOut(4000);
    });
    e.preventDefault();
});