锚链接只是不起作用

时间:2017-04-04 11:46:33

标签: 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>

3 个答案:

答案 0 :(得分:1)

只需从ID中删除#即可。

compile 'com.android.support:appcompat-v7:23.1.1'
compile 'com.android.support:support-v13:23.1.1'
compile 'com.android.support:recyclerview-v7:23.1.1'
compile 'com.android.support:design:23.1.1'

答案 1 :(得分:1)

我看了你的页面

ancor跳转到的位置应该没有#

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

但只做<li id="dimensional-surveys">

先修复并重新测试。

答案 2 :(得分:0)

你不想要&#39;#&#39;在锚点上:<li id="example"></li>应为.Events(e => { e.DataBound("onDataBound"); e.Edit("onEdit"); })