jqueryページングプラグインpaginationの使用と踏んだ穴
5867 ワード
1.cssスタイルリファレンス
2.jsファイル参照
4.js初期化
2.jsファイル参照
3.html
4.js初期化
$('.M-box1').pagination({ });
選択可能な構成プロパティ:
pageCount:总页数(默认值:9)
totalData:数据总条数(默认值:0)
showData:每页展示条数(默认值:0)
current:当前第几页(默认值:1)
prevCls:上一页class样式(默认值:'prev')
nextCls:下一页class样式(默认值:'next')
prevContent:上一页节点内容(默认值:'
nextContent:下一页节点内容(默认值:'>')
activeCls:当前选中样式(默认值:'active')
count:当前页前后页数(默认值:3)
coping:是否开启首页尾页(默认值:false)
homePage:首页节点内容(默认值:1)
endPage:尾页节点内容(默认值:当前最大页数)
callback():回调函数
callbak関数に注意するピット:
を$('.M-box 1')とする.pagination({ });functionメソッドに配置すると、メソッドがトリガーされるたびにコールバック関数が呼び出され、コールバック関数はキュー内で待機し続け、ページングをクリックすると複数のキュー内のコールバック関数がトリガーされ、データが正常にロードされない.
だからfunction外部var flag=true;
そして
function a (){
if(flag) {
$('.M-box1').pagination({
});
flag = false;
}
};
これによりflagの変更により、実行待ちのcallbackコールバック関数が1つしかキューに存在しないようにすることができる.