jQuery顯示加載圖像，直到頁面加載到div中

Question

每當頁面加載到div中時，我都試圖顯示加載圖像，但看不到加載圖像。

我嘗試了這個：

<img src="images/ajax-loader.gif" id="loading">

jQuery的：

$('#content').fadeOut('fast', function(){
    $('#loading').show();
    $('#content').load("about.php", function(){
        $('#content').fadeIn('slow');
        $('#loading').hide();
    });
});

Answer 1

將您的<img src="images/ajax-loader.gif" id="loading">保留在#content div之外。

Answer 2

在about.php之后，您的jQuery中缺少引號。

這是修改后的jQuery：

$('#content').fadeOut('fast', function(){
    $('#loading').show();
    $('#content').load("about.php", function(){
         $('#content').fadeIn('slow');
         $('#loading').hide();
    });
});