是否可以将锚定到外部页面，其中 id 引用此页面中的特定 html 部分（symfony）

Question

我的主页顶部有一个横幅，这个横幅会 link 指向网站上的另一个页面。

例子：

<a href="https://www.myWebSite.com/other-page-than-home">click here</a>

到目前为止，一切正常

这个link是在数据库中定义的，也可能与另一个网站相关（这就是为什么我不使用传统的树枝：“{{ path('road') }}”这里） .

我的问题是当我想引用页面的特定部分时：

<a href="https://www.myWebSite.com/other-page-than-home#section-1">click here</a>

单击锚点时，没有任何反应，而是在我的浏览器中请求新的 URI 以加载新页面。

如果我直接用我的浏览器请求这个 URI，它会在正确的部分正确加载我的页面

所以我不知道是否可以使用此方法 link 到另一个页面的特定部分，如果可以，为什么它不起作用？这是一个 Symfony 问题吗？树枝问题？服务器端问题？

Answer 1

感谢您的帮助！所以 link 已在页面上成功生成，但我刚刚发现由其他开发人员在主层中设置的一小段无辜代码给我带来了麻烦：

$("#whatBonClick a").on('click', function(event) {
            if (this.hash !== "") {
                event.preventDefault();
                var hash = this.hash;
                ...
            }

所以我自己编写了一小段代码来解决这个问题：

$("#whatBonClick a").on('click', function(event) {
            let requestedHref = event.currentTarget.getAttribute('href').split('#')[0]
            let baseHref = window.location.href.split('#')[0]
            if ((requestedHref.length === 0 || baseHref === requestedHref) && this.hash !== "") {
                event.preventDefault();
                var hash = this.hash;
                ...
            }

现在一切正常！

ps：(requestedHref.length === 0 || baseHref === requestedHref) 在这里也可以触发像 <a href="#SectionId">*</a>

这样的锚点

是否可以将锚定到外部页面，其中 id 引用此页面中的特定 html 部分（symfony）

Is it possible to make an anchor to an external page, with an id referencing a specific html section in this page (symfony)

html

anchor

symfony