【问题标题】:anchor id is not working in Chrome and Mozilla锚 ID 在 Chrome 和 Mozilla 中不起作用
【发布时间】:2018-07-24 03:53:07
【问题描述】:

我的页面中有这个:

    <a href="#goto1"> Go to 1</a>
    <br>
    <a href="#goto2"> Go to 2</a>

还有这个:

<p><h3>
<a id="goto1"></a>
This is one</h3>

<p><h3>
<a id="#goto2"></a>
This is two</h3>

现在,当我单击第一个链接时,它会转到匹配的 id 并显示段落,但是当我单击第二个链接时,它什么也不做。我有很多类似的链接,其中大约一半的工作方式不同。我使用 Chrome 版本 64.0.3282.140。 Mozilla 也有同样的问题。

IE 11 运行良好。

请指教。

【问题讨论】:

  • 你没有关闭你的&lt;p&gt;标签。
  • @Turnip 隐含了&lt;/p&gt; 标签。

标签: html google-chrome href mozilla


【解决方案1】:

我应该多加注意,第二个id的值里面有#,它不应该包含它。有趣的是,即使它不是正确的方法,它仍然可以在 IE11 中使用。所以应该是:

<p><h3>
<a id="goto2"></a>
This is two</h3>

与第一个链接 ID 相同。

【讨论】:

    猜你喜欢
    • 2018-07-29
    • 2011-06-20
    • 1970-01-01
    • 1970-01-01
    • 2017-09-16
    • 2019-01-24
    • 1970-01-01
    • 1970-01-01
    • 2013-06-14
    相关资源
    最近更新 更多