javascript - 使用 jquery 单击跳过链接时防止重定向到主页

Question

我面临的问题是，由于我的 html 布局中有一个标签，当我点击“跳到主要内容”链接时，我被重定向到主登陆页面。

我正在使用以下 JQuery 来防止这种行为，但它也会阻止指向主要内容的方向。

$(document).ready(function () {
    $('#skip-link').click(function () {
        $("#" + $(this).attr("href").slice(1) + "").focus()
        alert("link Skipped")
        event.preventDefault() 
    });
});

我的问题是，如何在不使用 Prevent Default 的情况下防止重定向到相对地址。

Answer 1

也许是这样的:

$(document).ready(function () {
    $('#skip-link').click(function (e) {
        e.stopPropagation();
        $("#" + $(this).attr("href").slice(1) + "").focus();
        alert("link Skipped");
    });
});

<小时/>

更新:

好吧，如果我理解正确的话，这就是你想要的，简单地说:

<a href="#skip-link">Jump to main</a>
<a name="skip-link"></a><div class="row" id="anchor">blabla</div>

或 jQuery:

<a id="skip-link" href="#anchor">Jump to main</a>
<div class="row" id="anchor">blabla</div>

$(document).ready(function () {
    $('#skip-link').click(function (e) {
        e.stopPropagation();
        var hash = $(this).attr("href").slice(1);
        alert(hash);
        $("#" + hash).focus();
        $("#" + hash).css('background-color', 'red');
    });
});

https://jsfiddle.net/75k7u4w3/