WordPress同页面内部锚点链接失效，跨页可正常使用

嘿，我碰到过类似的情况，咱们来拆解一下这个问题：

你遇到的核心问题是：在首页点击带完整域名的锚点链接时无法跳转，但从其他页面点击正常。这其实是浏览器处理绝对URL锚点的行为导致的——当你在首页点击http://bedbreakfastsoenderborg.dk/test/#faciliteter这种链接时，浏览器会尝试重新加载首页再跳转到锚点，但如果页面已经加载完成，很多浏览器会跳过这个“重载+跳转”的流程，直接停在当前位置；而从其他页面点击时，浏览器是先加载首页再自动滚动到锚点，所以能正常生效。

给你几个实用的解决方案，按推荐优先级排序：

1. 改用相对路径锚点（最推荐） #

直接把链接的href改成只保留锚点部分，也就是：

<a href="#faciliteter">Faciliteter / Værelser</a>

这种相对路径是浏览器处理锚点跳转的标准方式，不管在哪个页面点击，浏览器都会直接定位到目标锚点，完全避免绝对URL带来的重载问题，简单又可靠。

2. 用JS强制触发跳转（如果必须保留绝对URL） #

如果因为业务需求不能修改链接格式，可以加一段小脚本手动处理点击事件：

// 选中所有指向该锚点的链接
document.querySelectorAll('a[href*="#faciliteter"]').forEach(link => {
  link.addEventListener('click', function(e) {
    // 判断当前是否在首页
    if (window.location.pathname.includes('/test/')) {
      e.preventDefault(); // 阻止默认的页面跳转行为
      const targetAnchor = document.getElementById('faciliteter');
      if (targetAnchor) {
        // 平滑滚动到锚点，也可以用 targetAnchor.focus() 直接定位
        targetAnchor.scrollIntoView({ behavior: 'smooth', block: 'start' });
      }
    }
  });
});

这段代码会在首页点击链接时，跳过页面重载，直接定位到锚点位置。

3. 验证锚点元素的有效性 #

最后别忘了确认一下你的锚点元素<div id="faciliteter"> </div>是正常存在的：打开首页的浏览器控制台，输入document.getElementById('faciliteter')，如果返回null，说明元素ID被修改或者没有加载出来，这时候得先修复元素的存在性问题。

内容的提问来源于stack exchange，提问作者Kim André Langholz