Safari锚定链接不起作用

Key*_*eyo 6 html safari xhtml

我的html锚点如下.

<a name="template-8"/>
<h4 class="template" id="template-8">A title</h4>
Run Code Online (Sandbox Code Playgroud)

据我所知,浏览器应该跳到具有匹配名称或id属性的元素.

当我输入网址http://my.site.com/templates#template-8 safari按预期跳过页面.

但是当链接如下时,锚点什么都不做.Chrome,Opera,IE7和Firefox都可以使用.

<a href="http://my.site.com/templates#template-8">A link</a>
Run Code Online (Sandbox Code Playgroud)

Safari是5.0版本,这可能是一个safari bug吗?

Key*_*eyo 15

问题是我在链接的页面中有一个重定向标题.

Opera,IE,Chrome,Firefox都会将锚点转移到新页面.然而,safari在重定向上失去了锚点.

如果您在使用safari锚时遇到问题,请禁用任何重定向.


Jas*_*son 10

对我来说,我只需要改变

http://domain.com/page#myanchor 
Run Code Online (Sandbox Code Playgroud)

http://domain.com/page/#myanchor
Run Code Online (Sandbox Code Playgroud)

  • 真?这适用于Safari吗?我没有看到相同的行为. (5认同)
  • 为此干杯。简单修复,也适用于 Firefox、Opera 和 Chrome。 (2认同)
  • 这是 Keyo 答案的一个实现 - 它的工作原理是删除由于省略尾部斜杠而导致的重定向(至少在 WordPress 中是这样) (2认同)