回答編集履歴
3
あ
test
CHANGED
@@ -296,7 +296,19 @@
|
|
296
296
|
|
297
297
|
|
298
298
|
|
299
|
+
ミスしてました。
|
300
|
+
|
299
|
-
|
301
|
+
searchItemのクリックイベント内の最初の行を修正してください。
|
302
|
+
|
303
|
+
removeClassの対象を間違えてました。
|
304
|
+
|
305
|
+
~~**$(searchItem).removeClass(hideClass);**~~
|
306
|
+
|
307
|
+
**$(listItem).removeClass(hideClass);**
|
308
|
+
|
309
|
+
|
310
|
+
|
311
|
+
以下、修正後のクリックイベントのコード
|
300
312
|
|
301
313
|
|
302
314
|
|
@@ -306,7 +318,7 @@
|
|
306
318
|
|
307
319
|
$(searchItem).on('click', function() {
|
308
320
|
|
309
|
-
$(s
|
321
|
+
$(listItem).removeClass(hideClass); //hideclassを削除
|
310
322
|
|
311
323
|
$('.list_item').css('display',''); //すべて表示
|
312
324
|
|
@@ -316,14 +328,14 @@
|
|
316
328
|
|
317
329
|
var group = $(this).addClass(activeClass).data('group');
|
318
330
|
|
319
|
-
search_filter(group); //絞り込み
|
320
|
-
|
321
331
|
if(group==""){ //ALL選択時はData属性は空白
|
322
332
|
|
323
333
|
startUp() //初期表示に戻す
|
324
334
|
|
325
335
|
}else{
|
326
336
|
|
337
|
+
search_filter(group); //絞り込み
|
338
|
+
|
327
339
|
//ボタン非表示
|
328
340
|
|
329
341
|
$('#more_btn').hide();
|
2
あ
test
CHANGED
@@ -285,3 +285,55 @@
|
|
285
285
|
</script>
|
286
286
|
|
287
287
|
```
|
288
|
+
|
289
|
+
|
290
|
+
|
291
|
+
###追記
|
292
|
+
|
293
|
+
> 他のカテゴリーを選択してから「全表示(ALL)」を選択すると
|
294
|
+
|
295
|
+
初期表示10件になるところ、表示する数が1~2件程になってしまいます。
|
296
|
+
|
297
|
+
|
298
|
+
|
299
|
+
以下のようにsearch_filter関数をif文の前に移動してください。
|
300
|
+
|
301
|
+
|
302
|
+
|
303
|
+
```JavaScript
|
304
|
+
|
305
|
+
$(function() {
|
306
|
+
|
307
|
+
$(searchItem).on('click', function() {
|
308
|
+
|
309
|
+
$(searchItem).removeClass(hideClass); //hideclassを削除
|
310
|
+
|
311
|
+
$('.list_item').css('display',''); //すべて表示
|
312
|
+
|
313
|
+
|
314
|
+
|
315
|
+
$(searchItem).removeClass(activeClass);
|
316
|
+
|
317
|
+
var group = $(this).addClass(activeClass).data('group');
|
318
|
+
|
319
|
+
search_filter(group); //絞り込み
|
320
|
+
|
321
|
+
if(group==""){ //ALL選択時はData属性は空白
|
322
|
+
|
323
|
+
startUp() //初期表示に戻す
|
324
|
+
|
325
|
+
}else{
|
326
|
+
|
327
|
+
//ボタン非表示
|
328
|
+
|
329
|
+
$('#more_btn').hide();
|
330
|
+
|
331
|
+
$('#close_btn').hide();
|
332
|
+
|
333
|
+
}
|
334
|
+
|
335
|
+
});
|
336
|
+
|
337
|
+
});
|
338
|
+
|
339
|
+
```
|
1
あ
test
CHANGED
@@ -1,6 +1,4 @@
|
|
1
|
-
> 絞り込み機能で「全表示(ALL)」を選択時のみ「もっと見る」と「表示数を戻す(閉じる)」ボタンが表示
|
1
|
+
> 絞り込み機能で「全表示(ALL)」を選択時のみ「もっと見る」と「表示数を戻す(閉じる)」ボタンが表示全ての記事が10件に達していない場合「もっと見る」ボタンは非表示ができませんでした。
|
2
|
-
|
3
|
-
全ての記事が10件に達していない場合「もっと見る」ボタンは非表示ができませんでした。
|
4
2
|
|
5
3
|
|
6
4
|
|