代码之家 › 专栏 › 技术社区 › DrSvanHay

锚不起作用,找不到原因

anchor html5 html

0

DrSvanHay · 技术社区 · 7 年前

是一个红色的按钮,上面写着“Mehr erfahren”,就像“更多…”。按钮基本上是一个链接:

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

<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中重复出现故障

2 回复 | 直到 7 年前

1

0

Falselight 7 年前

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

没有目标(u blank)

实例 http://jsfiddle.net/5eztgq3p/

2

0

Chris Rogers 7 年前

你的href

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

这有点错误。去掉最后一个 / 离开

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

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