【问题标题】:Tumblr link to the first and last page paginationTumblr 链接到第一页和最后一页分页
【发布时间】:2014-09-08 11:23:58
【问题描述】:

我用这两个代码建立了一个跳转分页,其中包含指向我的 tumblr 主题中最后一页和第一页的链接:

<a href="/page/{TotalPages}">First</a>

<a href="/">Last</a>

问题是它不适用于标签页面,它只适用于主页,所以我尝试修改这些代码,并通过更改它适用于最后一页链接:

&lt;a href="/"&gt;Last&lt;/a&gt; 进入 &lt;a href="label"&gt;Last&lt;/a&gt;

但是我没有找到第一页链接的解决方案,有人可以帮我吗?

我的 tumblr 博客地址是:amadeusjacobs.com

【问题讨论】:

  • 您的 &lt;a href="label"&gt;Last&lt;/a&gt; 对我来说是 404ing。只是觉得你应该知道。
  • 猜猜:是不是href="{Label}"
  • @Archmage 它对我有用,也许这是一个错误
  • @lharby 不,它不是 href="{Label}" 但我认为它适用于此代码
  • 正在考虑这一点,但快速修复:&lt;a href="javascript:window.location = window.location.href.substr(0,window.location.href.indexOf('/page/'));"&gt;Latest&lt;/a&gt;&lt;a href="javascript:window.location = window.location.href + '/page/{TotalPages}';"&gt;First&lt;/a&gt;

标签: pagination tumblr


【解决方案1】:

Tumblr 主题代码片段

{block:Pagination}
    <a id="first_page">first</a>
    {block:PreviousPage}
        <a href="{PreviousPage}">prev</a>
    {/block:PreviousPage}
    {block:JumpPagination}
        {block:CurrentPage}
            <span class="current_page">{PageNumber}</span>
        {/block:CurrentPage}
        {block:JumpPage}
            <a class="jump_page" href="{URL}">{PageNumber}</a>
        {/block:JumpPage}
    {/block:JumpPagination}
    {block:NextPage}
        <a href="{NextPage}">next</a>
    {/block:NextPage}
    <a id="last_page">last</a>

    <script type="text/javascript">
        var f = document.getElementById("first_page"), 
            l = document.getElementById("last_page"),
            p = window.location.pathname.replace(/\/*$/, ""),
            i = p.indexOf("/page/"),
            j = p.length,
            u = i > 0 ? p.substr(0, i) : (i == -1 && j > 0) ? p : "/";
        f.setAttribute("href", u);
        u = u.length == 1 ? "" : u;
        l.setAttribute("href", u + "/page/{TotalPages}");
    </script>
{/block:Pagination}

备注

  • 这显然只有在用户启用了 JS 时才有效
  • 适用于所有分页页面
  • 限时测试这个here

预计到达时间

当然,我不得不一直玩它直到我把它弄坏。现在应该涵盖所有情况。

【讨论】:

  • 感谢@Ally 的回复,等我下班回来试试看是否有效,我会及时通知您:)
  • 非常感谢!你让我今天一整天都感觉很好 !代码 sn-p 完美运行!
  • 对于您的第一个答案,我尝试了两种代码,但第一个帖子代码的链接仅在标签页面中的主页中不起作用,但完整的分页代码做到了!再次感谢!
  • 嘿@Ally 我想放一个上页,但是当我这样做时,链接“last”和“first”不再起作用,只有 最新‌​a> 和 First 有效,但“第一个”代码仅在标签页中有效
  • 我很确定你所做的一切都是原生 tumblr 模板的一部分。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2018-01-24
  • 1970-01-01
  • 2013-10-28
  • 2017-01-11
  • 2020-10-26
  • 2016-08-10
相关资源
最近更新 更多