[JQuery]pagination分頁插件不顯示

由於不熟悉項目中使用到的pagination分頁插件,在調試時發現分頁插件不顯示。開始以爲是js、css文件有問題,排除後又檢查使用方法。在其他方法嘗試無果,準備更換插件時發現問題所在。

一、常見情況

插件不顯示的原因有很多,可能是參數設置錯誤、引入樣式路徑錯誤等。關於如何正確使用分頁插件,可以參考下面兩篇文章:

JqueryPagination 分頁插件使用說明

一款不錯的jQuery分頁插件--pagination

二、特殊情況

如果當設置、引入正確,插件仍不顯示時,可能是由插件自身引起的。當總頁數爲“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後,插件顯示正常。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章