回答編集履歴
1
誤記修正
answer
CHANGED
|
@@ -8,8 +8,9 @@
|
|
|
8
8
|
```
|
|
9
9
|
|
|
10
10
|
このfunction内で絞り込み処理をされているようですが、トリガーがチェックボックスのchangeのみなので、ページングする際のイベントでは呼び出されていないように見えます。
|
|
11
|
-
ただし以下のページング処理function
|
|
12
11
|
|
|
12
|
+
以下のページング処理function
|
|
13
|
+
|
|
13
14
|
```javascript
|
|
14
15
|
$(function($){
|
|
15
16
|
$.fn.pagination = function(config) {
|
|
@@ -20,10 +21,8 @@
|
|
|
20
21
|
このメソッド内はページングの処理のみで絞り込み処理判定が一切行われていないように見えます。
|
|
21
22
|
|
|
22
23
|
絞り込みで.hide()しても、表示上のVisibilityがhide/hiddenになるだけで、要素としてはHTMLにもちろん残っています。
|
|
23
|
-
ただページングのfunction内では、HTMLの要素数に対してどうページングするのか？という観点で、要素の.hide()と.show()を行っているように見受けられます。
|
|
24
|
+
ただページングのfunction内では、HTMLの要素数に対してどうページングするのか？という観点で、要素の.hide()と.show()を行っているように見受けられますので、画面上の絞り込みが考慮されないままページングしてしまっているのではないでしょうか。
|
|
24
|
-
特に絞り込み処理結果をページングの際の判定で行っているようには見えないので、それぞれが正しい動きをしているだけというところでしょうか。
|
|
25
25
|
|
|
26
|
-
|
|
27
26
|
解決策としては２パターン考えられると思います。
|
|
28
27
|
0. ページングfunction内で、絞り込み(画面上のVisibility)を判定したうえで処理をする。
|
|
29
28
|
0. ページングfunctionの最後に、再度絞り込みを走らせる
|