Jquery 在寻呼机-表格分页中单击“下一步”时按钮消失

我正在将一个按钮与表格寻呼机对齐，但当我单击寻呼机中的“下一步”按钮时，按钮消失了，我不确定发生了什么

我创造了一个新的世界。这是我正在使用的代码：

$table.trigger('repaginate');
var pager = document.querySelector('.pager');
pager.insertBefore(csvExport, pager.querySelector(':first-child'));
csvExport.style.float = 'left';

---

您正在清空寻呼机并仅添加分页按钮，但没有添加导出按钮。

这是因为您将csv按钮移动到寻呼机div中，然后清空div，只重新创建寻呼机按钮，而不是csv按钮

删除以下行，它将起作用，但您必须重新设置导出按钮的样式，以使其位于正确的位置：

pager.insertBefore(csvExport, pager.querySelector(':first-child'));

$（'table.paginated'）。每个（函数（）{
var$表=$（此）；
var itemsPerPage=10；
var-currentPage=0；
var pages=Math.ceil（$table.find（“tr:not（：has（th））））））.length/itemsPerPage；
$table.bind（'repaginate'，function（）{
如果（页面>1）{
var寻呼机；
if（$table.next（）.hasClass（“寻呼机”））
pager=$table.next（）.empty（）；
其他的
寻呼机=$（''）；
$（''）.text（'«First'）.bind（'click'，function（）{
currentPage=0；
$table.trigger（'repaginate'）；
}).附页（寻呼机）；
$（«Prev'）.bind（'click'，function（）{
如果（当前页面>0）
当前页--；
$table.trigger（'repaginate'）；
}).附页（寻呼机）；
var StartPage=currentPage>2？currentPage-2:0；
var endPager=起始页>0？当前页+3:5；
如果（endPager>pages）{
endPager=页面；
StartPage=第5页；
如果（起动马达<0）
StartPage=0；
}
对于（变量页=起始页；页<结束页；页++）{
$（''）.text（第+1页）.bind（'单击'{
新建页面：第页
}，功能（事件）{
currentPage=event.data['newPage']；
$table.trigger（'repaginate'）；
}).附页（寻呼机）；
}
$（'Next»'）.bind（'click'，function（）{
如果（当前页面<第1页）
currentPage++；
$table.trigger（'repaginate'）；
}).附页（寻呼机）；
$（'Last»'）.bind（'click'，function（）{
currentPage=第1页；
$table.trigger（'repaginate'）；
}).附页（寻呼机）；
if（！$table.next（）.hasClass（“寻呼机”））
页码插入符（$table）；
//pager.insertBefore（$table）；
}//end$table.bind（'repaginate'，函数（）{。。。
$table.find(
“tbody tr:not（：has（th）））.hide（）.slice（currentPage*itemsPerPage，（currentPage+1）*itemsPerPage）.show（）；
});
$table.trigger（'repaginate'）；
var pager=document.querySelector（'.pager'）；
//pager.insertBefore（csvExport，pager.querySelector（“：first child”）；删除此行
csvExport.style.float='左'；
})；

表格{
宽度：40em；
利润率：2米自动；
}
泰德{
背景：#000；
颜色：#fff；
}
运输署{
宽度：10em；
填充：0.3em；
}
t车身{
背景：#ccc；
}
分区寻呼机{
文本对齐：右对齐；
宽度：40em；
保证金：1em自动；
}
第pg-goto分区{
颜色：#000000；
字体大小：15px；
光标：指针；
背景：#D0B389；
填充：2×4×2×4×2；
}
分区pg-selected{
颜色：#fff；
字体大小：15px；
背景：#000000；
填充：2×4×2×4×2；
}
分区pg-正常{
颜色：#000000；
字体大小：15px；
光标：指针；
背景：#D0B389；
填充：2×4×2×4×2；
}

A.
B
C
D
0
2.
3.
4.
5.
6.
7.
8.
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
34
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
导出到CSV

pager.insertBefore(csvExport, pager.querySelector(':first-child'));