質問編集履歴
4
コードの追加
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -333,3 +333,91 @@
|
|
|
333
333
|
|
|
334
334
|
|
|
335
335
|
```
|
|
336
|
+
|
|
337
|
+
|
|
338
|
+
|
|
339
|
+
|
|
340
|
+
|
|
341
|
+
------------------------------追記------------------------------
|
|
342
|
+
|
|
343
|
+
|
|
344
|
+
|
|
345
|
+
質問の範囲が広すぎました。すみません。
|
|
346
|
+
|
|
347
|
+
・スクロール値を保持
|
|
348
|
+
|
|
349
|
+
・liのアクティブを保持
|
|
350
|
+
|
|
351
|
+
・もっと見るのカウントを保持
|
|
352
|
+
|
|
353
|
+
この３つに分けてまずは試してみようと思います！
|
|
354
|
+
|
|
355
|
+
|
|
356
|
+
|
|
357
|
+
上記のJSの下に下記を追記して、liのアクティブを保持はできたのですが、そうするともっと見るのボタンが機能せず、全件表示の状態となってしまいます。
|
|
358
|
+
|
|
359
|
+
書き方や順番など変えてみたのですがうまくいきません。。。
|
|
360
|
+
|
|
361
|
+
また、一応アクティブを保持はできているのですが似たような記述を繰り返している気がするので、もっと他に書き方などありましたら教えて頂きたいです。
|
|
362
|
+
|
|
363
|
+
よろしくお願いします。
|
|
364
|
+
|
|
365
|
+
|
|
366
|
+
|
|
367
|
+
|
|
368
|
+
|
|
369
|
+
```javascript
|
|
370
|
+
|
|
371
|
+
$(window).on('click',function(){
|
|
372
|
+
|
|
373
|
+
$("#Tab li.active a").each(function() {
|
|
374
|
+
|
|
375
|
+
var activeli2 = $('#Tab li.active a').index('#Tab li a');
|
|
376
|
+
|
|
377
|
+
localStorage.setItem('key',activeli2);
|
|
378
|
+
|
|
379
|
+
console.log(activeli2 + '番目を選択');
|
|
380
|
+
|
|
381
|
+
});
|
|
382
|
+
|
|
383
|
+
});
|
|
384
|
+
|
|
385
|
+
|
|
386
|
+
|
|
387
|
+
$(window).on('load',function(){
|
|
388
|
+
|
|
389
|
+
var ref = document.referrer;
|
|
390
|
+
|
|
391
|
+
var domein = "sample.com";
|
|
392
|
+
|
|
393
|
+
if(ref.indexOf('sample') != -1&&document.URL.match(/sample/)){
|
|
394
|
+
|
|
395
|
+
var pos = localStorage.getItem('key');
|
|
396
|
+
|
|
397
|
+
console.log(pos + '番目を選択');
|
|
398
|
+
|
|
399
|
+
$('#Tab li').removeClass('active');
|
|
400
|
+
|
|
401
|
+
$('.tab-content>.tab-pane').removeClass('active');
|
|
402
|
+
|
|
403
|
+
$('#Tab li:eq(' + pos + ')').addClass('active');
|
|
404
|
+
|
|
405
|
+
$('.tab-content>.tab-pane:eq(' + pos + ')').addClass('active');
|
|
406
|
+
|
|
407
|
+
|
|
408
|
+
|
|
409
|
+
if(!($('.active').length)){
|
|
410
|
+
|
|
411
|
+
$('#Tab li').eq(0).addClass('active');
|
|
412
|
+
|
|
413
|
+
$('.tab-content>.tab-pane').eq(0).addClass('active');
|
|
414
|
+
|
|
415
|
+
}
|
|
416
|
+
|
|
417
|
+
localStorage.clear();
|
|
418
|
+
|
|
419
|
+
}
|
|
420
|
+
|
|
421
|
+
});
|
|
422
|
+
|
|
423
|
+
```
|
3
文字の修正
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -333,71 +333,3 @@
|
|
|
333
333
|
|
|
334
334
|
|
|
335
335
|
```
|
|
336
|
-
|
|
337
|
-
|
|
338
|
-
|
|
339
|
-
|
|
340
|
-
|
|
341
|
-
|
|
342
|
-
|
|
343
|
-
|
|
344
|
-
|
|
345
|
-
------------------------------追記------------------------------
|
|
346
|
-
|
|
347
|
-
|
|
348
|
-
|
|
349
|
-
質問の範囲が広すぎました。すみません。
|
|
350
|
-
|
|
351
|
-
・スクロール値を保持
|
|
352
|
-
|
|
353
|
-
・liのアクティブを保持
|
|
354
|
-
|
|
355
|
-
・もっと見るのカウントを保持
|
|
356
|
-
|
|
357
|
-
この３つに分けてまずは試してみようと思います！
|
|
358
|
-
|
|
359
|
-
|
|
360
|
-
|
|
361
|
-
２つ目のliのアクティブを保持ですがeq()メソッドを使ってみたのですが、うまくいかず。。
|
|
362
|
-
|
|
363
|
-
数字以外は使えないのでしょうか？
|
|
364
|
-
|
|
365
|
-
そもそもeq()の使い方が間違っているのでしょうか。。
|
|
366
|
-
|
|
367
|
-
|
|
368
|
-
|
|
369
|
-
```javascript
|
|
370
|
-
|
|
371
|
-
$('#Tab li a').on('click', function(){
|
|
372
|
-
|
|
373
|
-
var activeli = $('#Tab li a').index(this);
|
|
374
|
-
|
|
375
|
-
localStorage.setItem('key',activeli);
|
|
376
|
-
|
|
377
|
-
console.log(activeli + '番目を選択');
|
|
378
|
-
|
|
379
|
-
});
|
|
380
|
-
|
|
381
|
-
|
|
382
|
-
|
|
383
|
-
$(document).ready(function(){
|
|
384
|
-
|
|
385
|
-
var pos = localStorage.getItem('key');
|
|
386
|
-
|
|
387
|
-
console.log(pos + '番目を選択');
|
|
388
|
-
|
|
389
|
-
$('#Tab li').removeClass('active');
|
|
390
|
-
|
|
391
|
-
$('#Tab li:eq(pos)').addClass('active');
|
|
392
|
-
|
|
393
|
-
localStorage.clear();
|
|
394
|
-
|
|
395
|
-
});
|
|
396
|
-
|
|
397
|
-
```
|
|
398
|
-
|
|
399
|
-
|
|
400
|
-
|
|
401
|
-
console.log(pos + '番目を選択');
|
|
402
|
-
|
|
403
|
-
これは正しく動いています！
|
2
コードの修正
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -333,3 +333,71 @@
|
|
|
333
333
|
|
|
334
334
|
|
|
335
335
|
```
|
|
336
|
+
|
|
337
|
+
|
|
338
|
+
|
|
339
|
+
|
|
340
|
+
|
|
341
|
+
|
|
342
|
+
|
|
343
|
+
|
|
344
|
+
|
|
345
|
+
------------------------------追記------------------------------
|
|
346
|
+
|
|
347
|
+
|
|
348
|
+
|
|
349
|
+
質問の範囲が広すぎました。すみません。
|
|
350
|
+
|
|
351
|
+
・スクロール値を保持
|
|
352
|
+
|
|
353
|
+
・liのアクティブを保持
|
|
354
|
+
|
|
355
|
+
・もっと見るのカウントを保持
|
|
356
|
+
|
|
357
|
+
この３つに分けてまずは試してみようと思います！
|
|
358
|
+
|
|
359
|
+
|
|
360
|
+
|
|
361
|
+
２つ目のliのアクティブを保持ですがeq()メソッドを使ってみたのですが、うまくいかず。。
|
|
362
|
+
|
|
363
|
+
数字以外は使えないのでしょうか？
|
|
364
|
+
|
|
365
|
+
そもそもeq()の使い方が間違っているのでしょうか。。
|
|
366
|
+
|
|
367
|
+
|
|
368
|
+
|
|
369
|
+
```javascript
|
|
370
|
+
|
|
371
|
+
$('#Tab li a').on('click', function(){
|
|
372
|
+
|
|
373
|
+
var activeli = $('#Tab li a').index(this);
|
|
374
|
+
|
|
375
|
+
localStorage.setItem('key',activeli);
|
|
376
|
+
|
|
377
|
+
console.log(activeli + '番目を選択');
|
|
378
|
+
|
|
379
|
+
});
|
|
380
|
+
|
|
381
|
+
|
|
382
|
+
|
|
383
|
+
$(document).ready(function(){
|
|
384
|
+
|
|
385
|
+
var pos = localStorage.getItem('key');
|
|
386
|
+
|
|
387
|
+
console.log(pos + '番目を選択');
|
|
388
|
+
|
|
389
|
+
$('#Tab li').removeClass('active');
|
|
390
|
+
|
|
391
|
+
$('#Tab li:eq(pos)').addClass('active');
|
|
392
|
+
|
|
393
|
+
localStorage.clear();
|
|
394
|
+
|
|
395
|
+
});
|
|
396
|
+
|
|
397
|
+
```
|
|
398
|
+
|
|
399
|
+
|
|
400
|
+
|
|
401
|
+
console.log(pos + '番目を選択');
|
|
402
|
+
|
|
403
|
+
これは正しく動いています！
|
1
初めて質問させて頂き、Markdown記法というものがあるのを知りませんでした。Markdown記法に修正し更新しました！教えて頂きありがとうございます！
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -40,7 +40,9 @@
|
|
|
40
40
|
|
|
41
41
|
|
|
42
42
|
|
|
43
|
+
|
|
44
|
+
|
|
43
|
-
|
|
45
|
+
```html
|
|
44
46
|
|
|
45
47
|
<div class="serchBox">
|
|
46
48
|
|
|
@@ -118,9 +120,13 @@
|
|
|
118
120
|
|
|
119
121
|
</div>
|
|
120
122
|
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
123
|
+
```
|
|
124
|
+
|
|
125
|
+
|
|
126
|
+
|
|
127
|
+
|
|
128
|
+
|
|
129
|
+
```javascript
|
|
124
130
|
|
|
125
131
|
$(".tab-pane.active #close_btn").click(function() {
|
|
126
132
|
|
|
@@ -323,3 +329,7 @@
|
|
|
323
329
|
localStorage.clear();
|
|
324
330
|
|
|
325
331
|
});
|
|
332
|
+
|
|
333
|
+
|
|
334
|
+
|
|
335
|
+
```
|