jquery show Загрузка изображения до загрузки страницы в 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 дел.

Answer 2

У вас есть недостающая кавычка в вашем jQuery, после about.php.

Это пересмотренное JQuery:

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