【问题标题】:Why are pagination links not displaying on my site?为什么我的网站上没有显示分页链接?
【发布时间】:2015-08-10 10:29:00
【问题描述】:

我试图修复图像的宽度,但出乎意料的是,下面的导航寻呼机消失了。(第 1、2、3 页)。我是 CSS 新手,不知道发生了什么。我现在不知道如何解决这个问题,导航代码仍然存在,但我想它找不到任何显示空间。你能帮忙吗?

代码:https://gist.github.com/anonymous/3704b07a027426208738 网址:https://www.alphabitrage.com

【问题讨论】:

  • 我正在查看您的页面,并且看到了宽幅图像。你想要它们多宽?导航的idclass 是什么?
  • 不要指望人们去链接,而只是把代码放在这里或者更好地创建一个小提琴并解释问题是什么以及你想要实现什么
  • @Michael_B 我只是想让网站在缩小时不会崩溃。特别是,我在页脚方面遇到了困难。但是当我操作代码时,寻呼机消失了。
  • @TheUknown Sİnce 我是新手,我不知道要提取哪个部分。对不起。
  • 我看到很多带有“pager”的代码。 classid 中的哪个 div 包含您所指的寻呼机?

标签: javascript html css pagination navigation


【解决方案1】:

我检查了你的代码,直到我数出了大约 50 个编码错误。

所以我通过W3C Markup Validation Service 运行源代码(来自您提供的 GitHub 链接),发现 565 个编码错误。

仅此一项就表明您的网页存在多个问题,并且在维护和故障排除方面存在潜在的困难。

但是,我知道您正在使用模板,因此建议您重新构建代码以使其有效且语义正确(我通常会这样做)在这种情况下可能不可行。

此外,您在 cmets 中提到代码运行良好,直到您对图像的宽度进行了一些调整。所以我把错误放在一边,继续寻找可能的问题。

使用工作模板提供指向另一个网站的链接对您来说是个好主意。我能够将您的代码与其他站点的代码进行比较。

我发现您的代码缺少为分页链接呈现 HTML 的 div。

特别是:

<div class="blog-pager" id="blog-pager"></div>

...在您的代码中完全缺失。

您的网站

其他网站

一旦您恢复该代码块,您的寻呼机应该会重新出现。

【讨论】:

  • 显然这是问题所在。我会以这种方式进行故障排除。谢谢。
猜你喜欢
  • 2013-02-25
  • 1970-01-01
  • 1970-01-01
  • 2014-06-15
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多