【问题标题】:Linking to a div's ID in a WordPress subpage在 WordPress 子页面中链接到 div 的 ID
【发布时间】:2021-01-09 03:05:22
【问题描述】:

我正在尝试在 WordPress 的导航中添加一个链接,该链接链接到具有唯一 ID 的页面 div。 我在主页上做过这个:/#idname,但它不能作为子页面工作:/subpagename/$id-name,有解决方案吗?

【问题讨论】:

    标签: wordpress anchor-scroll


    【解决方案1】:

    但它不能作为子页面工作:/subpagename/$id-name,有吗 解决方案?

    您确定这不仅仅是一个拼写错误/subpagename/$id-name,您使用的是$ 而不是#

    您需要两件事来实现超链接锚点:定义的唯一 ID,设置在兼容的 html5 标记和锚点上。

    锚应该看起来像这样<a href="#myAnchor">#</a>

    标签定义了一个超链接,用于从一个页面链接 给另一个。元素最重要的属性是 href 属性,表示链接的目的地。

    来源@https://www.w3schools.com/tags/tag_a.asp

    这里甚至还有一个示例页面https://www.w3schools.com/tags/tryit.asp?filename=tryhtml5_a_href_anchor

    其他信息

    作为一般警告,您尝试做的是被认为是不好的做法。

    锚元素经常被滥用为假按钮,通过设置它们的href 到 # 或 javascript:void(0) 以防止页面刷新,然后 监听他们的点击事件。

    这些虚假的 href 值在以下情况下会导致意外行为 复制/拖动链接,在新标签/窗口中打开链接, 书签,或者当 JavaScript 加载、出错或被禁用时。 它们还会向辅助技术传达不正确的语义,例如 屏幕阅读器。

    使用 a 代替。一般来说,您应该只使用超链接 用于导航到真实 URL。

    来源@https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#Examples

    【讨论】:

      【解决方案2】:

      是的,你是对的,那是一个错字。我应该是英镑。我想通了为什么锚不工作。该 ID 位于页面加载后加载的 API 中,因此当您链接到该页面时,该 ID 尚未加载。

      我最终在 API 之外添加了一个锚点,并使用 CSS 给它一个绝对位置,它可以工作。 -- 谢谢你的回答。

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2011-07-08
        • 1970-01-01
        • 2015-11-19
        • 1970-01-01
        • 2012-12-12
        相关资源
        最近更新 更多