javascript - WordPress 中的 anchor 链接

Question

我在 WordPress 中创建了一个菜单，其中包含指向起始页上不同部分的 anchor 链接以及指向其他页面的链接:

但是当我导航到另一个页面(例如“工作”)，并从那里尝试在手册中导航到起始页上的某个部分时 - anchor 链接不起作用，因为它需要完整的 URL 来引导用户返回起始页，然后跳到我点击的部分。但是当我将 anchor 链接更改为完整网址时:

..它总是会重新加载，即使我在起始页上，因为我有完整的网址。如何创建一个菜单，该菜单在起始页上仅包含部分 URL(例如“#meetups”)，而当我在另一个页面上时则包含完整 URL(例如“/hip#meetups”)。

我可以为此构建一个 JavaScript 或 PHP 函数吗？

我真的被困在这里，非常感谢您的任何意见

Answer 1

我创建了一个 jQuery 函数，它将根据 browser.location 改变 menu-link-attr/url:

var x = location.pathname;
if(x === '/hip/jobs/'){
  var findLink = $('.menu-item-type-custom').find('a');
  for (var i = 0; i < findLink.size(); i++) {
    var attri = findLink.eq(i).attr('href');
    findLink.eq(i).attr('href', "http://localhost:3000/hip/" + attri);
  }
} else {
  console.log('error! ' + x);
}