前提・実現したいこと
画面Aのボタン1を押下(Ajaxでボタンが非活性になる)
↓
画面Aのボタン2を押下(画面Bに遷移)
↓
画面Bでブラウザバック(画面Aに戻る)
↓
画面AでAjaxで変更したボタン1の状態が反映されていない(活性状態)
F5などで更新した場合は、正常に非活性となっている。
###ソース
JavaScript
1$('.nav_click').click(function() { 2 var nowUrl = $(this).attr('href'); 3 window.history.pushState(null, null, nowUrl); 4}
試したこと
pushState、popStateを使用して使えるのかなと思ったのですが、調べながらですがうまく実装できておらず動いていない状態です。
pushState、popStateの知識をお持ちの方、使い方などご教示いただければと思います。
実装箇所は
pushStateがボタン1の押下された際に動くScriptの箇所。
postStateが初期表示で動く箇所に実装しています。
補足情報(FW/ツールのバージョンなど)
jQuery3.2.1