[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后,插件显示正常。

  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值