html - 链接到另一页面上的 anchor 标记不起作用

Question

我有一个 WordPress 网站(不对公众开放)。我有一个菜单，在该菜单中，我有一个链接，例如http://example.org/schedule/#x-content-band-1

现在，当我点击它时，什么也没有发生。我的浏览器底部的状态栏显示了该 URL(这是正确的)，但单击它没有任何反应。但是，如果我右键单击并打开一个新选项卡/窗口，那么它会很好地打开页面

链接

<a href="http://example.org/schedule/#x-content-band-1"><span>Speakers</span></a>

锚定

<div id="x-content-band-1">...</div>

Answer 1

如果您有多个相似的 ID，连字符可能会很麻烦。浏览器倾向于将连字符的 URL 组件视为单独的单词，因此您可能有几个看起来相同的单词。

尝试使用下划线或驼峰命名法，或者确保第一个连字符之前的子字符串是唯一的。