Question

我有以下问题。在我的网站的主导航中（从大多数页面可见）我有3个链接指向同一页面的不同部分。

http://www.example.com/brokerdefense/nos-services/
http://www.example.com/brokerdefense/nos-services/#forfait
http://www.example.com/brokerdefense/nos-services/#alacarte

锚点指向页面的具有id属性的部分（div）（它们是唯一的，我已经仔细检查过这个）。

如果我将这些URL复制/粘贴到我的浏览器导航栏，它们都可以正常工作并指向页面的预期部分。但是，当我单击导航中的第三个链接时，浏览器将始终刷新页面。

3个链接在确切的上下文中。它们彼此相继并具有相同的形式。 a在同一个ul。

....
<ul>
  <li><a href="http://www.example.com/whereever/">Some link to another page</a>
  <li><a href="http://www.example.com/otherpage/">Link to the page</a>
<ul class="sub-menu">
	<li><a href="http://www.example.com/nos-services/">Link to the page WITHOUT anchor</a></li>
	<li><a href="http://www.example.com/nos-services/#forfait">Link to the page WITH anchor that works fine</a></li>
	<li><a href="http://www.example.com/nos-services/#alacarte">Second Link to the page WITH anchor than does not work properly</a></li>
</ul>
</li>
</ul>
....
<div id="forfait">
....
</div>
<div id="alacarte">
....
</div>

MAC OS X 10.10.5 在Safari版本10.0（10602.1.50.0.10）上锚被剥离。页面已打开，但不是在页面的预期部分开头。

在Firefox 50.0.2上页面重新加载（第三个链接但不是第二个链接），但指向页面的正确部分。

Chrome版本54.0.2840.98（64位）与Firefox相同的行为

Windows？ IE（客户端计算机上未经证实的版本）显然与Safari相同。

有关正在发生的事情的任何线索？它可能与网站上使用的重写规则有关吗？ JS相关吗？

感谢您的回答。

编辑：这可能与我在下面找到的问题有关。 Safari anchors on links not working 它说它可能与Wordpress创建的某种形式的重定向有关。因为我也在使用Wordpress，这可能是导致问题的原因。但它并没有解决我的问题。为什么第一个链接起作用而不是第二个？

在我的导航中使用＃的锚点不能始终如一地工作？

0 个答案: