锚链接将我跳转到 Xenforo 中的文档根目录

Omn*_*ity 2 html anchor

我有一个问题,这个任务应该是一个非常简单的任务:创建一个 BBCode 标签来创建一个文本锚点,并创建另一个标签来跳转到该文本锚点。

然而,发生了一些事情,导致我的锚点跳转到网站的根目录。

这是 BBCode 生成的 HTML:

<div id="section1">Section Header</div>
<a href="#section1">Goto Section Header</a>
Run Code Online (Sandbox Code Playgroud)

但是,当它位于实时页面时,单击它会将我跳转到网站的根目录而不是当前页面。这已在 Firefox 和 Chrome 中进行了测试。我不知道我错过了什么。

这是一个使用 BBCode 的实时示例页面(锚点源中的文本搜索部分)。 http://community.playstarbound.com/index.php?help/bb-codes

如您所见,单击“Goto”下的链接将转到http://community.playstarbound.com/#section1而不是http://community.playstarbound.com/index.php?help/bb-codes #section1正如预期的那样。

此 div 和锚标记之外是否有任何外部因素可能导致此问题?

Boa*_*oaz 5

问题

浏览器似乎无法正确识别您页面的基本 URL。因此,浏览器当前将锚链接的相对 URL 解释为

http://community.playstarbound.com/#some-anchor
Run Code Online (Sandbox Code Playgroud)

事实上,实际的 URL 应该是

http://community.playstarbound.com/index.php?threads/expand-the-bb-code-selection.15492/#some-anchor
Run Code Online (Sandbox Code Playgroud)

由于链接的 URL 与当前页面的 URL 不同,因此浏览器会将其视为常规链接,而不是当前页面的内部锚点,从而将您重定向到网站的根目录。

解决方案

  1. 在锚链接中指定绝对路径。
  2. 编辑:按照您的建议,更正网站base标记中指定的值。