html动态分页代码实例,Bootstrap jquery.twbsPagination.js动态页码分页实例代码

Bootstrap风格的分页控件自适应的：

1.风格样式：

2.首先引入js文件jQuery.twbsPagination.js

3.html页面

4.初始化

// 初始化加载信息数据

function initUserlogData() {

//重置分页组件否则保留上次查询的，一般来说很多问题出现与这三行代码有关如：虽然数据正确但是页码不对仍然为上一次查询出的一致

$('#pagination-log').empty();

$('#pagination-log').removeData("twbs-pagination");

$('#pagination-log').unbind("page");

//将页面的数据容器制空

$("#messagebody").empty();

//设置默认当前页

var pagenow = 1;

//设置默认总页数

var totalPage = 1;

//设置默认可见页数

var visiblecount = 5;

//加载后台数据页面

function loaddata() {

$.ajax({