Jquery loading image - WebブラウザのBack/Forwardボタンを操作する

Question

私は次のメソッドを使用して、読み込み中のアクションが進行中であることをユーザーに知らせるページを読み込み中に表示します。 Webブラウザで[戻る]ボタンを押すと、ページが読み込まれ、ページが貼り付けられることがあります。私は、ユーザーがWebブラウザで戻る/進むボタンを押すと、ロードイメージが表示されるようにしたいと思います。

使用中のメソッド。

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