Javascript Can'；不能让simplePagination jquery插件工作

我遵循了作者页面的说明：

由此：

我尝试在php代码中实现它，如下步骤所示。我试过使用Firebug，但没有错误。根据js的设置：应该显示5页，每页2个结果。但它仍然正常显示10个结果，分页部分仅显示此结果且不可读取。

我已经将css和js文件都包含到了标题中

我的HTML使用while循环显示来自数据库的结果，共有10个结果

 while ($row = $result->fetch_assoc()
{

 echo "<div id='item'>
        <div class='title'>$row[title]</div>
        <div class='description'>$row[description]</div>
       </div>";

}

while（$row=$result->fetch_assoc（））
{
回声“
$row[标题]
$row[说明]
";
}

这是包含分页和分页初始值设定项的div：

 <div class='pagination-page'></div>
 <script>
 jQuery(function($) {
 var items = $("#item");
 var numItems = items.length;
 var perPage = 2;

 // only show the first 2 (or "first per_page") items initially
 items.slice(perPage).hide();

 // now setup your pagination
 // you need that .pagination-page div before/after your table
$(".pagination-page").pagination({
items: numItems,
itemsOnPage: perPage,
cssStyle: "compact-theme",
onPageClick: function(pageNumber) { // this is where the magic happens
    // someone changed page, lets hide/show trs appropriately
    var showFrom = perPage * (pageNumber - 1);
    var showTo = showFrom + perPage;

    items.hide() // first hide everything, then show for the new page
         .slice(showFrom, showTo).show();
      }
     });
    });
    </script>

jQuery（函数（$）{
var项目=$（“#项目”）；
var numItems=items.length；
每页var=2；
//最初仅显示前2项（或“每页第一项”）
items.slice（perPage.hide（）；
//现在设置分页
//您需要它。表前/表后的分页页div
$（“.pagination页”）.pagination({
项目:numItems,，
每页，
cssStyle：“紧凑主题”，
onPageClick:function（pageNumber）{//这就是神奇发生的地方
//有人更改了页面，让我们适当地隐藏/显示trs
var showFrom=每页*（页码-1）；
var showTo=showFrom+每页；
items.hide（）//首先隐藏所有内容，然后显示新页面
.slice（showFrom，showTo）.show（）；
}
});
});

---

您不应该使用div id='item' 因为它生成具有相同id的多个元素。 这是非常错误的，使用类代替。Id必须是唯一的。它应该是这样的

var items=$（“.item”）；

---

我不知道使用这个分页jquery插件是不是一个好主意？因为我的网站需要显示所有可能的结果，然后这个插件只计算结果的数量…如果我从数据库检索了数千个结果，那么加载所有结果都需要时间。我应该使用php分页吗？因为我可以使用Limit In sql查询仅显示第一页中的前0-9个结果，如果用户单击2页，它将显示10-19个结果…您认为如何？请建议…我建议使用php，但前端或后端解决方案可能有许多因素。这可能是另一个堆栈问题的主题：）