javascript - jQuery - 如何测试链接是否锚定在同一页面上？

Question

我试图在单击链接时运行 ajax 函数，但我需要排除指向同一页面上 anchor 的链接，这样我就不会在向下滚动时尝试重新加载页面内容到同一页面的不同部分。

我知道我可以测试 href 是否包含哈希，但这还不够好:

if (href.indexOf("#") === -1)

因为我会有指向另一个页面并滚动到本地 anchor 的链接。所以我需要测试 href 是否指向当前页面并包含哈希。在那种情况下，我会将其排除在函数之外。但如果它指向不同的页面并包含一个散列，它仍应包含在内。

我如何使用 jQuery 实现这一点？

Answer 1

这是我的看法，更 slim :-

$('a[href*=\\#]').on('click', function (event) {
    if(this.pathname === window.location.pathname){
        // Do something 
    }
});