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

2021/01/22 23:11 · jquery ·  · 0评论

我的网站上有多个使用引导程序(引导程序3)分页的网页,但是我需要知道如何限制其中显示的页面数(例如仅显示1到10)。

如果然后选择第2页,则将显示第11页,依此类推。

你怎么做到这一点?

我知道它可能是JavaScript / jQuery,但可以提供任何帮助。如果无需使用JavaScript / jQuery就可以做到,那就更好了。

以下是我的分页截图。

当前分页

如您所见,显示了12个页面,我希望隐藏第11页和第12页,直到选择第2页或下一页为止,然后将显示第11页,第一个页面被隐藏,依此类推。

有一个可与引导程序一起使用的jquery插件,可以解决此问题:http :
//josecebe.github.io/twbs-pagination/
看看“可见页面选项”部分。

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

假设页面是在服务器端呈现的(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 '...' do indicate a gap

else do nothing

我希望这会为您指明正确的方向

这个问题是很久以前问过的,但是在我寻找答案时出现了。

指定max-size='X'对我有用引导程序分页标签如下所示:

<pagination class="pagination-sm" total-items="1000" items-per-page="10" max-size="10">
</pagination>

希望这对某人有帮助。

您可以尝试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>
本文地址:http://jquery.askforanswer.com/xianzhiyindao3fenyezhongxianshideyemianshu.html
文章标签: ,   ,   ,   ,  
版权声明:本文为原创文章,版权归 admin 所有,欢迎分享本文,转载请保留出处!

文件下载

老薛主机终身7折优惠码boke112

上一篇:
下一篇:

评论已关闭!