Question

我从web服务中获取了一些html，我将其添加到div中。这是我的成功功能：

function SucceededCallback(result) {
  // get the div element
  var RsltElem = $(".placeholder");

  // update div inner Html
  RsltElem.append(result);

  $('.loading-gif').hide();
}

在浏览器完成加载和绘制之前，有没有办法让.append()不显示？

我宁愿不使用.append(result).slideDown(n)，因为n可能是任何东西，具体取决于网络服务发送给我的内容。

提前致谢

Answer 1

考虑使用

 $( document ).ready(function() {
        ...
    });

像这样：

$( document ).ready(function() {
        //get the div element
        var RsltElem = $(".placeholder");

        //update div inner Html
        RsltElem.append(result);


        $('.loading-gif').hide();
});

我不知道你在画什么，什么时候完成，所以你也可以用它：

$(window).bind("load", function() {
    // code goes here
});

函数内的代码仅在整个页面加载后运行。

Answer 2

$(window).on('load', function() {
    //everything is loaded
});

jQuery .append（）等待渲染

2 个答案: