Question

这里

（我包含了url，因为我希望问题可能不在下面的代码段中）

是一个红色按钮，上面写着“ Mehr erfahren”，意思是“更多...”。该按钮基本上是一个链接：

<a href="https://glueckundsegen.de/stammbuch/#mehr" target="_blank">
  <div  id="gus--details" class="gus--details">
  Mehr erfahren ...
  </div>
</a>

其目的是将标题定位为“ UnsereStammbücher：Allen Details中的Durchdacht”的锚点：

<hr />
<p><a id="mehr"></a>&nbsp;</p>
<h2 class="headone">Unsere Stammb&uuml;cher: Durchdacht in allen Details</h2>

预期的行为是，打开一个新窗口并跳到该锚点。我以为这是非常简单且防弹的东西，但是由于某些原因它无法正常工作。

它在firefox 66开发版中运行良好，但在Safari 12.0.2中可再现地失败，并且大多数情况下在Chrome 71.0.3578.98中失败

我不知道为什么？有任何帮助或建议吗？

Answer 1

<a href="#mehr">
<div  id="gus--details" class="gus--details">
Mehr erfahren ...
</div>
</a>

没有目标_blank

示例：http://jsfiddle.net/5eztgq3p/

Answer 2

您的href

href="https://glueckundsegen.de/stammbuch/#mehr"

有点错误。删除最后一个/离开的地方

href="https://glueckundsegen.de/stammbuch#mehr"

您使用的url表示位于https://glueckundsegen.de的stammbuch文件夹中的页面

锚不起作用–找不到原因

2 个答案: