2016-05-11 5 views
2

ユーザーが自分のFacebookアカウントを私たちのサイトにリンクできるページがあります。ユーザーがリダイレクトされると前のページに戻るとJavaScriptが有効になります

$(function() { 
    $('#linkedin').click(function() { 
     $('#loading-button').css('display', 'block'); 
     $('.feature-container').css('filter', 'blur(1px)'); 
    }); 
}); 

:プロセスは時間がかかることがありますので、私には、JavaScriptの以下のビットを使用して、コンテナのdivをぼかすと、ユーザーがボタンのFacebookとの接続 "を押す一度ロードのアイコンを追加することにしました次のページに移動し、ブラウザの最後のページボタンを押して前のページに戻ることにします(つまり、ブラウザはGETリクエストをしません)。

ブラウザで最後のページボタンを押した後でも、JavaScriptがアクティブにならないようにするにはどうすればよいですか?これも可能ですか?

+1

ログインが完了すると、あなたは、リダイレクトする前に、あなたのCSSの変更を元に戻すことができますか? – ykay

答えて

1

あなたが戻ってあなたのサイトに行くのユーザの後にCSSをリセットすることができます。

window.onpageshow = function(e){ 
    $('#loading-button').css('display', 'none'); 
    $('.feature-container').css('filter', 'none'); 
} 

onpageshowイベントであっても、キャッシュから、ユーザーが自分のページに移動するたびに解雇されています

onpageshowイベントは、onloadイベントと似ていますが、ページが最初にロードされたときにonloadイベントの後に発生する点が異なります。また、onpageshowイベントは、のページがロードされるたびにが発生しますが、ページがキャッシュからロードされるとonloadイベントは発生しません。

参考文献:

  1. Reload the site when reached via browsers back button
  2. Is there a cross-browser onload event when clicking the back button?
  3. pageShow event in javascript
  4. How to control web page caching, across all browsers?
+0

これはトリックでした!どうもありがとうございました! –

関連する問題