#通知が画面遷移で消えてしまう一定時間おきにajaxで通信をして通知があった場合にはHeaderのベルマークが光る仕様です。ヘッダーは全画面で共通 ##通知があった場合には画像のようにベルが光る ![イメージ説明](2f32ff35baa0c991c6c9ee3ad804dfc1.png) しかしながら画面遷移をしてしまうとベルマークの色は消えてしまい、再びajaxから通知を受け取るまでは光りません。どのようにすれば画面遷移をしてもベルマークを光ったままにできるのでしょうか？仕様としてベルのマークが消えるのはマークをクリックした時のみとしたいです。こちらの機能はまだ未実装です。 ```js $(function(){ var token = $("meta[name='_csrf']").attr("content"); var header = $("meta[name='_csrf_header']").attr("content"); $(document).ajaxSend(function(e, xhr, options) { xhr.setRequestHeader(header, token); }); //ajax function doDataRefresh() { $.ajax( // promiseを返す { url:"/checkdb", type:"POST" }) .done(function(returnData){ if(returnData.length > 3) { console.log(returnData); console.log(returnData.length); //ベルを光らせる $('#alert').addClass('alert'); } }) .fail(function(xhr) {console.log('error')}); return false; } (function(){ var t = setInterval(function() { doDataRefresh(); // 定期的に行いたい処理 }, 10000); // refresh間隔＝5分＝300秒＝300000ms })(); }); ``` ```CSS .alert { color:#fc9d03; } ``` ##HTMLヘッダー部分 ```HTML ```

	@@ -1 +1 @@
1	- ~~jQuery~~ 通知が消えてしまう
1	+ 通知機能が消えてしまう問題

質問編集履歴