使用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-页面）。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表格在服务器端正确填充，这似乎工作正常：
$ b

$ （$）{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：fun ction（pageNumber）{var showFrom = perPage *（pageNumber - 1）; var showTo = showFrom + perPage; items.hide（）; items.slice（showFrom，showTo）.show（）; < script src =}}）;}）;

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();}});

解决方案

You have a number of syntax errors in your example. Assuming that your html table is populated correctly on the server-side, this seems to work fine:

$(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在jsp中分页不起作用的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！