タイトルはページ更新後にのみ表示されます

Question

私のウェブサイトには次のURLがあります。ユーザーがこのリンクhttp://localhost:8080/krishi/#modal2（実際にはポップアップウィンドウ）にアクセスすると、ウェブページのタイトルを変更したいそこで以下のコードを使用しました。

if(window.location.hash === "#modal2"){ 
    document.title = "Modal2"; 
    } 

は、私が最初のクリックで変更された

1. $(document).ready(function(){}) 
2. window.onload=function(){} 

タイトル内のコードを使用してみました、私はURLのみを更新する場合。私はそれがキャッシュのためだと思うので、私はまた、現在のページを一度リフレッシュし、タイトルが表示されるようにURLを更新する次のコードを追加します。

if(window.location.hash === "#modal2"){ 
    window.location.reload(); 
    document.title = "Modal2"; 
} 

でも動作しません。ループしています。この問題を解決するための提案をお願いします。前もって感謝します。

Answer 1

hashchangeイベントを使用するようにしてください。ここでJSFiddleでこのイベントを発射のデモです：

$(window).on('hashchange', function() { 
    alert('window.location.hash = ' + window.location.hash); 

    if(window.location.hash === "#modal2"){ 
    document.title = "Modal2"; 
    } 
}); 

Answer 2

あなたのクエリを解決するためのクリックイベントに使用することができます。それは簡単で、より良い方法です。クリックイベントでコードを変更してみてください。より簡単で簡単な方法です。ありがとう。