javascript - jQuery .append() 等待渲染

Question

我正在从附加到 div 的网络服务中获取一些 html。这是我的成功功能:

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
});

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