jquery - 如何在内容被替换之前阻止 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");
});