使用jQuery的jsp分页不起作用答案

【问题标题】：Pagination in jsp using jQuery is not working使用jQuery的jsp分页不起作用
【发布时间】：2019-12-16 18:48:29
【问题描述】：

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

【问题讨论】：

欢迎来到 SO。编辑您的问题，而不是在您的评论中添加代码...并格式化您的代码
虽然没有格式化，但这段代码看起来很奇怪：.slice(showFrom, showTo).show();
我从stackoverflow复制了这段代码，仅用于分页
请帮助我如何进行分页。我是 jquery 新手，我不知道如何使用 jquery，所以请任何人解释我如何使用 jquery....
你需要什么样的分页？您可以让 ajax（或任何其他类型）调用新页面，或隐藏一些页面并显示您需要的页面

标签： javascript jquery html jsp jquery-pagination

【解决方案1】：

您的示例中有许多语法错误。假设您的 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.min.js??
$(function($) { 有很多你说的语法错误，那么它在你的例子中怎么能正常工作
如果表有 id=something，那么代替 var items = $("table tr");我可以使用 var items = $(".something");??
不，Javascript 导入文件的名称无关紧要。重要的是内容。此外，如果您有 id="something"，那么您的选择器应该是 $("#something")。如果你有 class="something"，那么你的选择器应该是 $(".something");
但上面的代码在我的情况下不起作用我已经在 head 标签中包含了脚本行并创建了 jquery.min.js 页面。我复制了上面的函数，它应该可以正常工作。为什么它不工作？？