Html 锚链接刚刚赢得'；行不通

我正在进行一个定制的WordPress构建，由于某些原因，我无法获得一些锚定链接。这让我很恼火，我不知道问题出在哪里

我发现，静态锚链接工作正常（返回顶部按钮工作）。但是，我使用高级自定义字段为锚标记生成ID。ID正在正确生成，但不能用作锚定标记

有人有什么想法吗？我指的是页面底部附近的服务箱。我们的想法是，您点击这些，它们将带您进入服务页面，并向下进入相关部分

我使用的标记是：

<ul class="cf">
    <li>
        <div>
            <a href="/services/#dimensional-surveys">
                <div class="filter"></div>
                <img width="500" height="600" src="pexels-photo-175771-500x600.jpeg" class="attachment-feature size-feature" alt="" />                                       
                <h3>3D Dimensional Surveys</h3>
            </a>
        </div>
    </li>
</ul>

<ul class="service-list cf">
    <li id="#dimensional-surveys">
        <div class="feature" style="background-image:url(pexels-photo-175771.jpeg);">
        </div>
     </li>
</ul>

只要将#从id中删除，它就会工作

 <a href="/services/#example"></a>
<ul>
<li id="example"></li>
</ul>

你不想在锚上加“#”号：
应该是
我已经看过你的页面了

ancor应该跳转到的点应该没有
#

您可以：

但只需进行

首先修复该问题，然后再次测试。
锚定标记之间没有任何内容。您可以立即打开并关闭它，因此没有任何内容可点击。请注意，涉及“请查看我的网站”的问题有被关闭的风险，因为如果该问题依赖于一个即将修复的链接，它对未来的读者将没有用。你能提供更多的代码吗？@qirel我没有输入内容，因为我试图保持代码示例的简单和整洁。@halfer我在上面添加了相关代码，以便提供代码和一个实例。这里dev.charlyanderson.co.uk/MEA/services/没有名为
示例的ancor
？！？不过，我仍然很难点击那个锚。谢谢你——我知道这将是我错过的简单的东西。非常感谢：-）