首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >像Flickr一样的分页

像Flickr一样的分页
EN

Stack Overflow用户
提问于 2012-06-26 21:19:13
回答 1查看 331关注 0票数 0

我最近遇到了一个分页的问题,它碰巧有100页,所以很明显我的分页变得太长了。

现在我想通过删除一些链接来防止这种情况,所以不是

代码语言:javascript
复制
1 - 2 - 3 - 4 - 5 - 6 - 7 - 8 - 9 - 10

我想把它显示为

代码语言:javascript
复制
1 - 2 - 3 - 4 - 5 - ... - 10

或者当你在第4页的时候

代码语言:javascript
复制
1 - ... - 4 - 5 - 6 - ... 10

目前,显示分页的脚本是这样的:

代码语言:javascript
复制
$links = array();
for($i = 0; $i < $totalPages; $i++) {
    array_push($links, $i);
    }

foreach($links as $pageLink) {
    if($pageLink == $page) {
    $pagination .= "<li><a href='" . BASE_URL . $url . $pageLink . ".html' class='active'>" . ($pageLink + 1) . "</a></li>";
    } else {
        if($pageLink === '...') {
            $pagination .= "<li><a href='#'>...</a></li>";
        } else {
            $pagination .= "<li><a href='" . BASE_URL . $url . $pageLink . ".html'>" . ($pageLink + 1) . "</a></li>";
        }
    }   
}

我将所有的链接添加到一个数组中,这样就很容易对其进行调整,但我不知道如何才能获得这样的分页。

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2012-06-26 21:45:23

您可以通过某种方式获取当前页码和最后一页的页码。表示当前页面的页导航项应该与其他页面有所不同。如果您的页码小于或等于3,则显示1 2 3 ...如果您当前的分页大于或等于LastPageNumber -2,那么您的分页应该看起来像1 ... 67 68 69。否则,您的分页应该看起来像1 ... 30 31 32 33 34 ... 69 (在本例中,您的当前分页是32)。

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/11208187

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档