[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,// 当前页码，测试数据为1totalPage: pages,// 页面总数，测试数据为1isShow: true,count: 7,// 展示分页按钮个数homePageText: "首页",endPageText: "尾页",prevPageText: "上一页",nextPageText: "下一页",callback: function(current) {window.location.href="../"+current+"/"+$('#typeid').val()+".htm";}});
});

在测试代码中变更totalPage后，插件显示正常。

[JQuery]pagination分页插件不显示相关推荐

jquery.pagination 分页插件使用代码
jquery.pagination 分页插件下载链接 http://www.jq22.com/yanshi5697 js代码内容 var listLength = '' var pageNum = ...
jQuery Pagination分页插件--无刷新
源码:https://github.com/SeaLee02/FunctionModule/blob/master/UploadFiles/WebDemo/FenYE/FenYeAjax.aspx 代 ...
jQuery Pagination分页插件
demo实例页面基本demo页面 Ajax demo页面参数可编辑demo页面插件简介此jQuery插件为Ajax分页插件,一次性加载,故分页切换时无刷新与延迟,如果数据量较大不建议用此方法, ...
jQuery Pagination分页插件的使用
一.引用CSS和JS: <link href="/Content/Plugins/jQuery.Pagination_v2.2/pagination.css" rel=&qu ...
Jquery前端分页插件pagination同步加载和异步加载
上一篇文章介绍了Jquery前端分页插件pagination的基本使用方法和使用案例,大致原理就是一次性加载所有的数据再分页.https://www.jianshu.com/p/a1b8b1db025 ...
java ajax jquery分页插件_分享精心挑选的12款优秀jQuery Ajax分页插件和教程
摘要:这篇jQuery栏目下的"分享精心挑选的12款优秀jQuery Ajax分页插件和教程",介绍的技术点是"jquery_ajax分页插件.jquery_ajax.a ...
Jquery自定义分页插件
效果: 核心代码: 自定义Jquery插件grid.js //Jquery自定义分页插件 (function($) {$.fn.grid= function(options) {var objGrid ...
基于jquery的分页插件
一.效果图. 二.html示例. <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml">&l ...
Jquery的分页插件
Jquery的分页插件, 用起来还不错. 来自: http://flaviusmatis.github.io/simplePagination.js/ 下载地址: https://github.com ...

[JQuery]pagination分页插件不显示

一、常见情况

二、特殊情况

[JQuery]pagination分页插件不显示相关推荐

最新文章

热门文章