限制引导3分页中显示的页数

Question

我有不同的网页在我的网站上使用引导(引导3)分页，但我需要知道如何限制在其中显示的网页数量(例如，显示页1至10 )。

如果选择第2页，则显示第11页，以此类推。

你是怎么做到的？

我知道这可能是JavaScript/jQuery，但是任何帮助都是值得赞赏的。如果不需要使用JavaScript/jQuery就能完成，那么就更好了。

下面是我的分页截图。

​

​

如您所见，有12页显示，我希望第11和12页被隐藏，直到第2页或下一页被选中，然后第11页将显示和第一页将被隐藏，以此类推。

Answer 1

有一个jquery插件可以使用引导程序，它解决了这个问题：http://josecebe.github.io/twbs-pagination/查看了“可视页面选项”部分。

您可以通过google和bootstrap 3 pagination many pages找到更多/其他解决方案。

Answer 2

假设您的页面是服务器端(PHP、Ruby、Java等)，那么您很可能希望在服务器端正确地呈现分页。

不久前，我在PHP中解决了这个问题，我有一个函数，它被调用到每个页面编号上，它决定了是否应该呈现这个数字(或者其他什么)。

就像这样

if the page number is < 3, render the page number
if the page number is within +-2 of the current page, render the page number
if the page number is > the total number of pages -3 render the page number
if the last page number wasn't rendered and dots haven't already been rendered render dots '...' to indicate a gap

else do nothing

我希望这能为你指明正确的方向

Answer 3

您可以尝试reviews.maxPages，如下所示：

<pagination 
    total-items="reviews.count"
    ng-model="reviews.pageNo"
    max-size="reviews.maxPages"
    boundary-links="true"
    rotate="false"
    num-pages="reviews.noPages"
    ng-change="changePageTo(reviews.pageNo)"></pagination>