如何阻止div在內容被替換之前變得可見？

Question

我想更換一個div的內容，然後使其可見

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

但內容改變之前的股利變得可見，因此用戶可以看到以前的內容 - 這是不是這個想法。

Answer 1

load()函數的第二個參數可用作回調函數。

$("#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

​​是一個Ajax功能，從而設法得到它AJAX與jQuery.ajaxComplete()完成後：所以負載完成時，slideDown()只發生

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

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