質問編集履歴
4
コードの追加
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -165,4 +165,48 @@
|
|
|
165
165
|
localStorage.clear();
|
|
166
166
|
});
|
|
167
167
|
|
|
168
|
+
```
|
|
169
|
+
|
|
170
|
+
|
|
171
|
+
------------------------------追記------------------------------
|
|
172
|
+
|
|
173
|
+
質問の範囲が広すぎました。すみません。
|
|
174
|
+
・スクロール値を保持
|
|
175
|
+
・liのアクティブを保持
|
|
176
|
+
・もっと見るのカウントを保持
|
|
177
|
+
この３つに分けてまずは試してみようと思います！
|
|
178
|
+
|
|
179
|
+
上記のJSの下に下記を追記して、liのアクティブを保持はできたのですが、そうするともっと見るのボタンが機能せず、全件表示の状態となってしまいます。
|
|
180
|
+
書き方や順番など変えてみたのですがうまくいきません。。。
|
|
181
|
+
また、一応アクティブを保持はできているのですが似たような記述を繰り返している気がするので、もっと他に書き方などありましたら教えて頂きたいです。
|
|
182
|
+
よろしくお願いします。
|
|
183
|
+
|
|
184
|
+
|
|
185
|
+
```javascript
|
|
186
|
+
$(window).on('click',function(){
|
|
187
|
+
$("#Tab li.active a").each(function() {
|
|
188
|
+
var activeli2 = $('#Tab li.active a').index('#Tab li a');
|
|
189
|
+
localStorage.setItem('key',activeli2);
|
|
190
|
+
console.log(activeli2 + '番目を選択');
|
|
191
|
+
});
|
|
192
|
+
});
|
|
193
|
+
|
|
194
|
+
$(window).on('load',function(){
|
|
195
|
+
var ref = document.referrer;
|
|
196
|
+
var domein = "sample.com";
|
|
197
|
+
if(ref.indexOf('sample') != -1&&document.URL.match(/sample/)){
|
|
198
|
+
var pos = localStorage.getItem('key');
|
|
199
|
+
console.log(pos + '番目を選択');
|
|
200
|
+
$('#Tab li').removeClass('active');
|
|
201
|
+
$('.tab-content>.tab-pane').removeClass('active');
|
|
202
|
+
$('#Tab li:eq(' + pos + ')').addClass('active');
|
|
203
|
+
$('.tab-content>.tab-pane:eq(' + pos + ')').addClass('active');
|
|
204
|
+
|
|
205
|
+
if(!($('.active').length)){
|
|
206
|
+
$('#Tab li').eq(0).addClass('active');
|
|
207
|
+
$('.tab-content>.tab-pane').eq(0).addClass('active');
|
|
208
|
+
}
|
|
209
|
+
localStorage.clear();
|
|
210
|
+
}
|
|
211
|
+
});
|
|
168
212
|
```
|
3
文字の修正
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -165,38 +165,4 @@
|
|
|
165
165
|
localStorage.clear();
|
|
166
166
|
});
|
|
167
167
|
|
|
168
|
-
```
|
|
168
|
+
```
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
------------------------------追記------------------------------
|
|
174
|
-
|
|
175
|
-
質問の範囲が広すぎました。すみません。
|
|
176
|
-
・スクロール値を保持
|
|
177
|
-
・liのアクティブを保持
|
|
178
|
-
・もっと見るのカウントを保持
|
|
179
|
-
この３つに分けてまずは試してみようと思います！
|
|
180
|
-
|
|
181
|
-
２つ目のliのアクティブを保持ですがeq()メソッドを使ってみたのですが、うまくいかず。。
|
|
182
|
-
数字以外は使えないのでしょうか？
|
|
183
|
-
そもそもeq()の使い方が間違っているのでしょうか。。
|
|
184
|
-
|
|
185
|
-
```javascript
|
|
186
|
-
$('#Tab li a').on('click', function(){
|
|
187
|
-
var activeli = $('#Tab li a').index(this);
|
|
188
|
-
localStorage.setItem('key',activeli);
|
|
189
|
-
console.log(activeli + '番目を選択');
|
|
190
|
-
});
|
|
191
|
-
|
|
192
|
-
$(document).ready(function(){
|
|
193
|
-
var pos = localStorage.getItem('key');
|
|
194
|
-
console.log(pos + '番目を選択');
|
|
195
|
-
$('#Tab li').removeClass('active');
|
|
196
|
-
$('#Tab li:eq(pos)').addClass('active');
|
|
197
|
-
localStorage.clear();
|
|
198
|
-
});
|
|
199
|
-
```
|
|
200
|
-
|
|
201
|
-
console.log(pos + '番目を選択');
|
|
202
|
-
これは正しく動いています！
|
2
コードの修正
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -165,4 +165,38 @@
|
|
|
165
165
|
localStorage.clear();
|
|
166
166
|
});
|
|
167
167
|
|
|
168
|
-
```
|
|
168
|
+
```
|
|
169
|
+
|
|
170
|
+
|
|
171
|
+
|
|
172
|
+
|
|
173
|
+
------------------------------追記------------------------------
|
|
174
|
+
|
|
175
|
+
質問の範囲が広すぎました。すみません。
|
|
176
|
+
・スクロール値を保持
|
|
177
|
+
・liのアクティブを保持
|
|
178
|
+
・もっと見るのカウントを保持
|
|
179
|
+
この３つに分けてまずは試してみようと思います！
|
|
180
|
+
|
|
181
|
+
２つ目のliのアクティブを保持ですがeq()メソッドを使ってみたのですが、うまくいかず。。
|
|
182
|
+
数字以外は使えないのでしょうか？
|
|
183
|
+
そもそもeq()の使い方が間違っているのでしょうか。。
|
|
184
|
+
|
|
185
|
+
```javascript
|
|
186
|
+
$('#Tab li a').on('click', function(){
|
|
187
|
+
var activeli = $('#Tab li a').index(this);
|
|
188
|
+
localStorage.setItem('key',activeli);
|
|
189
|
+
console.log(activeli + '番目を選択');
|
|
190
|
+
});
|
|
191
|
+
|
|
192
|
+
$(document).ready(function(){
|
|
193
|
+
var pos = localStorage.getItem('key');
|
|
194
|
+
console.log(pos + '番目を選択');
|
|
195
|
+
$('#Tab li').removeClass('active');
|
|
196
|
+
$('#Tab li:eq(pos)').addClass('active');
|
|
197
|
+
localStorage.clear();
|
|
198
|
+
});
|
|
199
|
+
```
|
|
200
|
+
|
|
201
|
+
console.log(pos + '番目を選択');
|
|
202
|
+
これは正しく動いています！
|
1
初めて質問させて頂き、Markdown記法というものがあるのを知りませんでした。Markdown記法に修正し更新しました！教えて頂きありがとうございます！
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -19,7 +19,8 @@
|
|
|
19
19
|
よろしくお願いします。
|
|
20
20
|
|
|
21
21
|
|
|
22
|
+
|
|
22
|
-
|
|
23
|
+
```html
|
|
23
24
|
<div class="serchBox">
|
|
24
25
|
<ul id="Tab" class="nav nav-tabs">
|
|
25
26
|
<li class="active"><a href="#tab1">tab1</a></li>
|
|
@@ -58,8 +59,10 @@
|
|
|
58
59
|
</div>
|
|
59
60
|
|
|
60
61
|
</div>
|
|
62
|
+
```
|
|
61
63
|
|
|
64
|
+
|
|
62
|
-
|
|
65
|
+
```javascript
|
|
63
66
|
$(".tab-pane.active #close_btn").click(function() {
|
|
64
67
|
$(".tab-content>.active").find(".box:gt("+indexNum+")").slideUp();
|
|
65
68
|
$(this).hide();
|
|
@@ -160,4 +163,6 @@
|
|
|
160
163
|
var pos = localStorage.getItem('key');
|
|
161
164
|
$('html,body').animate({ scrollTop: pos }, 'slow');
|
|
162
165
|
localStorage.clear();
|
|
163
|
-
});
|
|
166
|
+
});
|
|
167
|
+
|
|
168
|
+
```
|