使用jQuery在jsp中分页不起作用
Pagination in jsp using jQuery is not working
jQuery(function($){
var items = $("table tr");
var numItems = items.length;
var perPage = 2;
items.slice(perPage).hide();
$(".pagination-page").pagination({
items: numItems,
itemsOnPage: perPage,
cssStyle: "light-theme",
onPageClick: function(pageNumber) {
var showFrom = perPage * (pageNumber - 1);
var showTo = showFrom + perPage;
items.hide();
.slice(showFrom, showTo).show();
}
});
您的示例中有许多语法错误。假设您的html表在服务器端正确填充,这似乎可以正常工作:
$(function($) {
var items = $("table tr");
var numItems = items.length;
var perPage = 2;
items.slice(perPage).hide();
$(".pagination-page").pagination({
items: numItems,
itemsOnPage: perPage,
cssStyle: "light-theme",
onPageClick: function(pageNumber) {
var showFrom = perPage * (pageNumber - 1);
var showTo = showFrom + perPage;
items.hide();
items.slice(showFrom, showTo).show();
}
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://ciiing-project-learn.googlecode.com/svn-history/r1792/trunk/projects/eddie/app/webroot/js/jquery.simplePagination.js"></script>
<table>
<tr><td>1</td></tr>
<tr><td>2</td></tr>
<tr><td>3</td></tr>
<tr><td>4</td></tr>
<tr><td>5</td></tr>
<tr><td>6</td></tr>
<tr><td>7</td></tr>
<tr><td>8</td></tr>
<tr><td>9</td></tr>
<tr><td>10</td></tr>
</table>
<div class="pagination-page"></div>
相关文章:
- 用键盘分页jQuery下一个和上一个控件.触发器('点击')不'不起作用
- Datatable Javascript链接在第2页不起作用
- Jquery 引导程序验证 asp.net 母版页不起作用
- 分页没有'当我点击javascript和php按钮时,它不起作用
- 使用jQuery在jsp中分页不起作用
- 会话在登录页不起作用
- 引导分页下一个上一个不起作用
- Kendo UI网格分页不起作用
- ExtJS网格分页不起作用
- 角度 NgTable 分页不起作用
- 两个可拖动的单页不起作用
- extjs6分页不起作用
- bootstrap datatable-jquery onclick函数在第2页不起作用(分页)
- 表的引导分页不起作用
- 为什么我的角度分页不起作用
- dirPagination-使用tbody和dynamic rowspan时分页不起作用
- 窗口加载&功能滚动页不起作用
- 剑道UI网格上的分页不起作用
- Parents方法没有;关闭两页不起作用
- 为什么在某些情况下选择铁页不起作用