点击页面跳转后网站重定向到主页

Question

我的 ModX 网站上有一个页面，顶部包含几个页面跳转链接，用于在页面下方的一些文章。这是每个人的 HTML：

<a class="jump" href="#article1">Article 1</a><br />
<a class="jump" href="#article2">Article 2</a><br />

<!-- and so on... -->

之前，链接在 IE 11 中根本不起作用，所以我在这里使用 JavaScript 检查访问者是否使用 IE 并执行页面跳转：

var url = 'http://mywebsite/mywebpage';
$('a.jump').on('click', function(evt) {
    evt.preventDefault();
    var useragent = window.navigator.userAgent;
    if (useragent.indexOf("Trident") > -1 || useragent.indexOf("Edge") > -1) { // IE, Edge
        var href = $(this).attr('href');
        window.location.assign(url + href);
    } else { // anything else
        var href = $(this).attr('href');    
        href = href.substring(1, href.length);      
        window.location.assign('other/url#' + href); 
    }
});

我不确定这是否是检查 IE 的最佳方法，但目前它似乎可以正常工作。

这在 Chrome 和 Firefox 中运行良好，但如果我在 IE 中单击其中一个页面跳转，它会正确跳转，但经过一秒钟后它会重定向到我网站的主页。

我正在使用 ModX Revolution 2.5.7。

编辑：Microsoft Edge 似乎直接重定向到主页。 编辑 2：更新 JS 代码以正确检查 Edge。

Answer 1

也许 evt.preventDefault() 就在 click 函数内部？

Answer 2

我的 ModX 网站上有一个页面，顶部包含几个页面跳转链接，用于链接页面下方的一些文章。

我不太明白你想要实现什么。如果您希望访问者真正打开这些链接并阅读它们，为什么不插入真正的链接并让这个基本的 html 东西 - 浏览链接 - 工作？

如果这些文章已经（全部或部分）作为主要文章下方的次要内容出现在页面上，并且您只想通过“跳转”到它们而不打开新标签或加载另一个页面来吸引访问者的注意力，只需在除了<a href='#article1'></a> 使用<a name="#article1"></a> 来指示您当前页面上应该将访问者滚动到的位置。

您提供的代码也有几个问题。

首先，检查 IE/Edge 版本的方式。正如answer 中所指出的，“Trident”现在不是 Edge 用户代理字符串的一部分。因此，如果您想以 Edge 为目标，您的条件甚至不会被触发。

你也不需要这个：(url + href).toString()，因为这两个变量已经是字符串类型。只需url + href。

此外，感觉好像页面上有另一个脚本处理链接点击。我认为我们需要指向您相关页面的链接，以检查那里发生了什么。因此，如果您不介意分享链接，我们可以进行更深入的检查。