質問するログイン新規登録

回答編集履歴

3

2020/01/21 00:43

投稿

KazuSaka
KazuSaka

スコア640

answer CHANGED
@@ -147,20 +147,26 @@
147
147
  > 他のカテゴリーを選択してから「全表示(ALL)」を選択すると
148
148
  初期表示10件になるところ、表示する数が1~2件程になってしまいます。
149
149
 
150
+ ミスしてました。
150
- 以下ようにsearch_filter関数をif文前に移動してください。
151
+ searchItemクリックイベント内最初の行を修正してください。
152
+ removeClassの対象を間違えてました。
153
+ ~~**$(searchItem).removeClass(hideClass);**~~
154
+ **$(listItem).removeClass(hideClass);**
151
155
 
156
+ 以下、修正後のクリックイベントのコード
157
+
152
158
  ```JavaScript
153
159
   $(function() {
154
160
  $(searchItem).on('click', function() {
155
- $(searchItem).removeClass(hideClass); //hideclassを削除
161
+ $(listItem).removeClass(hideClass); //hideclassを削除
156
162
  $('.list_item').css('display',''); //すべて表示
157
163
 
158
164
  $(searchItem).removeClass(activeClass);
159
165
  var group = $(this).addClass(activeClass).data('group');
160
- search_filter(group); //絞り込み
161
166
  if(group==""){ //ALL選択時はData属性は空白
162
167
  startUp() //初期表示に戻す
163
168
  }else{
169
+ search_filter(group); //絞り込み
164
170
  //ボタン非表示
165
171
  $('#more_btn').hide();
166
172
  $('#close_btn').hide();

2

2020/01/21 00:43

投稿

KazuSaka
KazuSaka

スコア640

answer CHANGED
@@ -141,4 +141,30 @@
141
141
  });
142
142
  }
143
143
  </script>
144
+ ```
145
+
146
+ ###追記
147
+ > 他のカテゴリーを選択してから「全表示(ALL)」を選択すると
148
+ 初期表示10件になるところ、表示する数が1~2件程になってしまいます。
149
+
150
+ 以下のようにsearch_filter関数をif文の前に移動してください。
151
+
152
+ ```JavaScript
153
+  $(function() {
154
+ $(searchItem).on('click', function() {
155
+ $(searchItem).removeClass(hideClass); //hideclassを削除
156
+ $('.list_item').css('display',''); //すべて表示
157
+
158
+ $(searchItem).removeClass(activeClass);
159
+ var group = $(this).addClass(activeClass).data('group');
160
+ search_filter(group); //絞り込み
161
+ if(group==""){ //ALL選択時はData属性は空白
162
+ startUp() //初期表示に戻す
163
+ }else{
164
+ //ボタン非表示
165
+ $('#more_btn').hide();
166
+ $('#close_btn').hide();
167
+ }
168
+ });
169
+  });
144
170
  ```

1

2020/01/21 00:23

投稿

KazuSaka
KazuSaka

スコア640

answer CHANGED
@@ -1,5 +1,4 @@
1
- > 絞り込み機能で「全表示(ALL)」を選択時のみ「もっと見る」と「表示数を戻す(閉じる)」ボタンが表示
1
+ > 絞り込み機能で「全表示(ALL)」を選択時のみ「もっと見る」と「表示数を戻す(閉じる)」ボタンが表示全ての記事が10件に達していない場合「もっと見る」ボタンは非表示ができませんでした。
2
- 全ての記事が10件に達していない場合「もっと見る」ボタンは非表示ができませんでした。
3
2
 
4
3
  2個目のスクリプトタグ内のID名がミスしてるかと。。。
5
4
  **works_list_more** ➡ **entry_list_more** (2か所)