由於不熟悉項目中使用到的pagination分頁插件,在調試時發現分頁插件不顯示。開始以爲是js、css文件有問題,排除後又檢查使用方法。在其他方法嘗試無果,準備更換插件時發現問題所在。
一、常見情況
插件不顯示的原因有很多,可能是參數設置錯誤、引入樣式路徑錯誤等。關於如何正確使用分頁插件,可以參考下面兩篇文章:
二、特殊情況
如果當設置、引入正確,插件仍不顯示時,可能是由插件自身引起的。當總頁數爲“1”時,插件默認不顯示。
查看插件初始化腳本:
$(function() {
var s = $('#typeid').val();
$('#ss').val(s);
var pagen=parseInt($('#pageNum').val());
var pages=parseInt($('#pages').val());
$("#pagination3").pagination({
currentPage: pagen,// 當前頁碼,測試數據爲1
totalPage: pages,// 頁面總數,測試數據爲1
isShow: true,
count: 7,// 展示分頁按鈕個數
homePageText: "首頁",
endPageText: "尾頁",
prevPageText: "上一頁",
nextPageText: "下一頁",
callback: function(current) {
window.location.href="../"+current+"/"+$('#typeid').val()+".htm";
}
});
});
在測試代碼中變更totalPage後,插件顯示正常。