如何在替换内容之前阻止div变为可见？

Question

我想替换div的内容然后让它可见

$("#btn").click(function () {
$('#div01').load('about.php');
$("#div01").slideDown("slow");
});

但是在内容更改之前div会变得可见，因此用户可以看到之前的内容 - 这不是主意。

Answer 1

load()函数的第二个参数可以用作回调函数。因此slideDown()仅在加载完成时发生：

$("#btn").click(function () {
    $('#div01').load('about.php', function(){
        $("#div01").slideDown("slow");
    });
});

Answer 2

试试这个：

$("#btn").click(function () {
    $('#div01').load('about.php',function(){
        setTimeout(function(){$("#div01").slideDown("slow")},100);
    });
});

Answer 3

.load()是一个ajax函数，所以在ajax与jQuery.ajaxComplete()完成后尝试获取它：

$("#btn").click(function () {
     $('#div01').load('about.php');
});

$.ajaxComplete(function(){
   $("#div01").slideDown("slow");
});