在页面启动时使用带有.hide()和.show()的JQuery .load()

Question

我正在使用以下代码显示div页面启动:

$("#mydiv").hide().show("slow");

这将使div页面启动时出现慢动画(页面加载/刷新)

但是,如果在页面启动(页面加载/刷新)时,我想div在此动画开始之前将其他文件中的HTML插入此处,我尝试这样做:

$("#mydiv").load("myPage.html");
$("#mydiv").hide().show("slow");

当我这样做时,动画不再在启动时工作(页面加载/刷新).如何从另一个文件加载html并在页面启动时仍然有动画工作(页面加载/刷新)？

Answer 1

$(document).ready(function(){  
  $('#mydiv').load('myPage.html', function() {
      $(this).show();
    });
});

在你的CSS添加

#mydiv { 
   display: none; 
}

Answer 2

将显示部分作为回调添加到加载中：

$("#mydiv").hide().load("myPage.html", function(){
    $(this).show('slow');
});