【问题标题】:Link to Anchor on another website doesn't work (tested in Chrome)链接到另一个网站上的锚点不起作用(在 Chrome 中测试)
【发布时间】:2026-02-08 02:45:01
【问题描述】:

如果我在我的锚点所在的网站上,我面临的问题是我的锚点似乎可以工作:

<li role="presentation"><a aria-controls="k" data-toggle="tab" href="#k" role="tab">K</a></li>

但如果我试图通过 href 从另一个网站跳转到该网站上的特定部分,则不会。选项卡窗格内置于引导程序中。

domain.com/beamer-lexikon/#k 使超链接导航到页面而不是“k”部分。

“k”部分标有 id“k”:

<div class="tab-pane fade" id="k" role="tabpanel"></div>

我有什么问题吗?

您知道我可以从哪里开始寻找问题吗? Javascript、CSS?

非常感谢和最好的问候, 史蒂芬

【问题讨论】:

    标签: html twitter-bootstrap anchor href


    【解决方案1】:

    删除 beamer 词典后的“/”,并确保在您尝试跳转到的部分中声明了目标 ID。

    除此之外,如果没有看到您的代码,就很难分辨。

    domain.com/beamer-lexikon#k
    

    【讨论】:

    • @SteffenBrueckner 请将这些详细信息粘贴到您的问题中。
    • @torazaburo:是的,很抱歉造成混乱 - 现在更改了 ;-)
    【解决方案2】:

    我发现 Bootstrap 框架不支持这种锚链接。解决方法是在document-ready函数中锚点所在的页面实现这段代码:

    if(window.location.hash != "") {
        $('a[href="' + window.location.hash + '"]').click();
    }
    

    最好的问候, 史蒂芬

    【讨论】:

      最近更新 更多