Загрузка загружаемого изображения JQuery - обработка кнопки «Назад/Вперед» в веб-браузере

Question

Я использовал следующий метод для показа загружаемого изображения при загрузке страницы, чтобы сообщить пользователю, что действие по загрузке выполняется. Если я нажму кнопку «Назад» в веб-браузере, иногда страница начинается с загрузки изображения, и страница застревает. Я хочу убедиться, что если пользователь нажимает кнопку «назад/вперед» в веб-браузере, изображение загрузки должно отображаться.

Метод в использовании.

Javascript:

<script language="javascript" type="text/javascript"> 
$(document).ready(function(){ 
    //This line below would hide the div when the page load by default 
    $('#loading').hide(); 

    //This would display when the user clicks the button 
    $('#buttonID').click(function(){ 
    if($('#search_string').val().length !== 0) {  
    $('#loading').show(); 
    } 
    }); 
    $('a.la').click(function(){ 
    $('#loading').show(); 
}); 
}); 
$(window).load(function() { 
$('#loading').hide(); 
}); 
</script> 

Css

#loading { 
    width: 100%; 
    height: 100%; 
    top: 0; 
    left: 0; 
    position: fixed; 
    display: block; 

    z-index: 99; 
    text-align: center; 
} 

#loading-image { 
    position: absolute; 
    top: 160px; 
    left: 130px; 
    z-index: 100; 
} 

HTML

<button id='buttonID' type="submit"></button> 
<a class="la" href="search.php">Some text</a><br> 

Answer 1

Лучше слушать в браузере и написать заявление в том, как так что эти вещи становятся неуместны.

И это также верно, что браузеры фиксируют все больше и больше вещей, чтобы клиент JavaScript-приложения, так что весьма вероятно, ваше приложение будет не в состоянии после (несколько) браузера модернизирует

Это хорошо описано здесь: HTML 5 History Spec И Продемонстрировано Здесь: History Demo