質問編集履歴

2

状況を追記しました。

2020/04/10 05:43

投稿

lyzmfeqpxs54
lyzmfeqpxs54

スコア237

test CHANGED
File without changes
test CHANGED
@@ -128,23 +128,11 @@
128
128
 
129
129
  callback: function() {
130
130
 
131
- // こに書くと新たに表示したものの.status_moreを閉じることはできるが
131
+ // このように書いて解決でき
132
132
 
133
- // ページ上部で開いていた.status_moreも閉じてしまう
134
-
135
- $('.bt_more').prevAll('.status_more').hide();
133
+ $(this).find(".bt_more").prevAll('.status_more').hide();
136
-
137
- $('.bt_more').children('span').text('表示する').removeClass('close');
138
134
 
139
135
  });
140
-
141
- // 上のようにコールバックの中に書くことで全体に適用はできた
142
-
143
- // 以前はここに書いていた
144
-
145
- // $('.bt_more').prevAll('.status_more').hide();
146
-
147
- // $('.bt_more').children('span').text('表示する').removeClass('close');
148
136
 
149
137
  }
150
138
 

1

状況を追記しました。

2020/04/10 05:43

投稿

lyzmfeqpxs54
lyzmfeqpxs54

スコア237

test CHANGED
File without changes
test CHANGED
@@ -25,6 +25,20 @@
25
25
  適切な方法をご教示いただけますと幸いです。
26
26
 
27
27
  よろしくお願いいたします。
28
+
29
+
30
+
31
+ --------------------------- 追記 ---------------------------
32
+
33
+
34
+
35
+ jsqrollにはコールバック関数があり、以下のようにcallback: function()の中に書くことで、新たに表示されたもののstatus_moreを閉じることはできました。
36
+
37
+
38
+
39
+ しかし、今の書き方ですと、一番下にスクロールするまでに表示したstatus_moreも閉じてしまいます。
40
+
41
+ 今表示しているscroll positionより下のセレクタに適用する方法などはありますでしょうか。
28
42
 
29
43
 
30
44
 
@@ -110,21 +124,27 @@
110
124
 
111
125
  contentSelector: '.skill-list',
112
126
 
113
- nextSelector: 'span.next:last a'
127
+ nextSelector: 'span.next:last a',
128
+
129
+ callback: function() {
130
+
131
+ // ここに書くと新たに表示したものの.status_moreを閉じることはできるが
132
+
133
+ // ページ上部で開いていた.status_moreも閉じてしまう
134
+
135
+ $('.bt_more').prevAll('.status_more').hide();
136
+
137
+ $('.bt_more').children('span').text('表示する').removeClass('close');
114
138
 
115
139
  });
116
140
 
141
+ // 上のようにコールバックの中に書くことで全体に適用はできた
117
142
 
143
+ // 以前はここに書いていた
118
144
 
119
-
145
+ // $('.bt_more').prevAll('.status_more').hide();
120
146
 
121
- // ここでうまく隠すような設定をしたい
122
-
123
- // 現状下のように書いているが消えない
124
-
125
- $('.bt_more').prevAll('.status_more').hide();
126
-
127
- $('.bt_more').children('span').text('表示する').removeClass('close');
147
+ // $('.bt_more').children('span').text('表示する').removeClass('close');
128
148
 
129
149
  }
130
150