锚链只是不会工作

我正在一个定制的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>

来源

2017-04-04 CharlyAnderson

锚标签之间没有任何东西。你立即打开并关闭它，所以没有什么可点击的。 – Qirel

请注意，涉及“请在此处查看我的网站”的问题面临关闭的风险，因为如果问题依赖于即将修复的链接，那么对于未来的读者来说这将不会有用。你能为问题带来更多的代码吗？ – halfer

@qirel我没有放入内容，因为我试图保持代码示例简单和整齐。 – CharlyAnderson

只是删除从ID＃和它的工作。

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

来源

2017-04-04 11:54:30

虽然我仍然很难点击那个锚点。 – Qirel

就是这样，谢谢你 - 我知道这简直就是我想念的东西。非常感谢:-) – CharlyAnderson

欢迎您 –

你不想在锚上的“＃”：<li id="#example"></li>应该<li id="example"></li>

来源

2017-04-04 11:59:43 FKEinternet

这就是我在回答之前不刷新页面所得到的结果... – FKEinternet

我看过你的页面

的地步了ANCOR应该跳到应该没有#

你这样做：<li id="#dimensional-surveys">

但做到这<li id="dimensional-surveys">

首先修复并再次测试。

来源

2017-04-04 12:00:06 JustOnUnderMillions

锚链只是不会工作

回答

相关问题