質問編集履歴

2

コード訂正

2019/05/12 06:08

投稿

massuguda
massuguda

スコア23

test CHANGED
File without changes
test CHANGED
@@ -96,7 +96,7 @@
96
96
 
97
97
  // Pjaxの実行(戻る・進むでのPjax)
98
98
 
99
- $(window).on('popstate', function(e){
99
+ window.addEventListener('popstate', function(e) {
100
100
 
101
101
  $('#main').html(e.state.name);
102
102
 

1

コード簡略化

2019/05/12 06:08

投稿

massuguda
massuguda

スコア23

test CHANGED
@@ -1 +1 @@
1
- ある条件下の「popstate」では、ブラウザの「進む」が効かなくなる現象について
1
+ ある条件下の「popstate」では、ブラウザの「戻る・進む」が効かなくなる現象について
test CHANGED
@@ -78,7 +78,11 @@
78
78
 
79
79
 
80
80
 
81
+ 【処理A】では「戻る・進む」が効く一方で、
82
+
83
+
84
+
81
- 【処理A】では「戻る・進む」が効く一方で、【処理B】では一回戻るとそ戻れず、進むこともできなくなるのです。
85
+ 【処理B】では一回しか戻れない、進むがグレーアウトしてクリックできなくなってしまうです。
82
86
 
83
87
 
84
88
 
@@ -94,23 +98,7 @@
94
98
 
95
99
  $(window).on('popstate', function(e){
96
100
 
97
- var state = e.state;
98
-
99
- if (state) {
100
-
101
- // 履歴があるのでコンテンツを表示
102
-
103
- $('#main').html(state.name);
101
+ $('#main').html(e.state.name);
104
-
105
- } else {
106
-
107
- // 履歴がないので何もしない
108
-
109
- history.pushState(null, null, null);
110
-
111
- return;
112
-
113
- }
114
102
 
115
103
  });
116
104