javascript - 使用 JQuery preventDefault()，但仍将路径添加到 URL

Question

我在一个网站上工作，点击某个链接会滑下登录面板。我正在使用 event.preventDefault() 来阻止网站重定向以及一个动画事件来向下滑动面板。当点击链接时，面板向下滑动，url保持不变。

我希望在单击链接时发生的事情是让面板正常显示动画，但要在 url 中显示链接的 href 属性。在这种情况下，它将是这样的:http://domain_name/#login。

这是我现在要使用的代码:

$("#login_link").click(function (e) {
    e.preventDefault();
    $("#login").animate({ 'margin-top': 0 }, 600, 'linear');

    window.location.hash = $(this).attr('href');
});

此代码成功地根据需要将“#login”添加到 url，但它跳过了登录面板的动画。单击链接时，面板会立即出现。我想保留动画和更新的 url 行为。这可能吗？

Answer 1

使用下面的代码。只需在动画完成事件中调用哈希即可。

$("#login_link").click(function (e) {
    e.preventDefault();
    $("#login").animate({ 'margin-top': 0 }, 600, 'linear', function(){  window.location.hash = $(this).attr('href'); });

});