Tumblr链接到第一页和最后一页的分页

时间:2014-09-07 14:19:23

标签: pagination tumblr

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

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

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

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

<a href="/">Last</a> 进入 <a href="label">Last</a>

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

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

1 个答案:

答案 0 :(得分: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
  • 进行测试

<强> ETA

当然,我必须玩它才能打破它。现在应该涵盖所有案例。