使用JQuery preventDefault(),但仍然添加URL的路径

Question

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

单击链接时我想要发生的是面板正常动画,但链接的href属性将显示在URL中.在这种情况下,它将是这样的: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'); });

});