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

你的jQuery中有一个缺少的引号，在about.php之后。

这是修订后的jQuery：

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