分类导航

程序问答发布时间：2022-06-02 发布网站：大佬教程 code.js-code.com

大佬教程收集整理的这篇文章主要介绍了我正在从另一个子域加载菜单（使用 jquery），我需要其他子域的相关链接 - 我该怎么做？，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

如何解决我正在从另一个子域加载菜单（使用 jquery），我需要其他子域的相关链接 - 我该怎么做？？

开发过程中遇到我正在从另一个子域加载菜单（使用 jquery），我需要其他子域的相关链接 - 我该怎么做？的问题如何解决？下面主要结合日常开发的经验，给出你关于我正在从另一个子域加载菜单（使用 jquery），我需要其他子域的相关链接 - 我该怎么做？的解决方法建议，希望对你解决我正在从另一个子域加载菜单（使用 jquery），我需要其他子域的相关链接 - 我该怎么做？有所启发或帮助；

这是一个主题的变体。我查看了其他一些答案，但它们不太符合要求。

我有 d1.site.org 和 d2.site.org。 d2 使用以下 jquery 从 d1 获取菜单：$('#myNav').load('https://d1.site.org/ header'); 但是从 d1 引入的菜单中的相关链接都指向 d2，我希望这些链接变成 d1.site.org/menu1 而不是它们的内容现在执行 d2.site.org/menu1（最终会出现 404 错误）。

PS - 启用了 CORS，并且顶级菜单选项可以正常显示并在 d2 上正确显示，只是包含以下级别的链接最终带有错误的子域。当它们显示在 d2 上时，如何让所有相关链接都指向回 d1？

编辑：澄清 - 所有菜单链接在 d1 上都是 @H_943_5@menu1 @H_943_5@menu2 等，这使它们成为 d1.site.org/menu1 等，但是当它们在 d2 上时，它们是 {{ 1}}，我希望他们成为 d2.site.org/menu1

解决方法

那是绝对路径，相对路径中不会包含您的域。您可以解析出相对路径并在它前面加上您想要的域。

    thing = 'd2.site.org/menu1';
    relative = thing.subString(thing.indexOf('.org')+4,thing.length);
    newLink = 'd1.site.org'+relative
    console.log(newLink);

这是我最终在 d2.site.org 上所做的：

$('#mainNav').load('https://d1.site.org/ header');
$(window).on("load",function () {
    setTimeout(function () {
        $('header nav').each(function() {
            var origUrl = this.href;
            origUrl = origUrl.replace("https://d2.site.org","");
            var newUrl = 'https://d1.site.org' + origUrl;
            this.href = newUrl;
        });
    },1000);
});

加载主头部，然后页面加载完毕，等待1秒，然后更新所有指向d2的链接，使它们指向d1。 setTimeout 的原因是我无法弄清楚如何执行两个加载事件并让一个接一个发生。我也可以等待不到一秒钟，但对于在页面加载后可能将鼠标悬停在这些链接上的人来说，它已经足够快了。可能还有其他调整可以使这更好，但现在已经足够了。

最后，因为 DOM 提供了 d2.site.org 在其他任何东西都可以访问它之前，脚本必须在之后运行。我不知道有什么方法可以在构建页面时捕获 URL 属性。