jquery - 停止执行 e.preventDefault();第二次点击时？

Question

对于我的一生，我似乎无法破解这个问题。我对 jQuery 相当陌生，但我想简单地:

我正在操作的链接定向到/mypagename

1. 第一次点击 a.nav_hidepanel 时，会在 #panel 上触发动画，但不允许链接照常运行。不过，请添加 .nav_returnlink 的替换类，以便我们下次可以定位它
2. 现在，第二次单击此链接时，它具有不同的类，因此我们希望允许它照常运行并将用户发送到/mypagename

禁用链接没有问题，但返回 true; 似乎不起作用!我是否遗漏了一些明显的东西？

jQuery(document).ready(function(){
    $("a.nav_hidepanel").click(function(e){
        e.preventDefault();
        $("#panel").animate({marginLeft:"-547px"}, 500 );
        $(this).removeClass('nav_hidepanel');
        $(this).addClass('nav_returnlink');
    });

    $("a.nav_returnlink").click(function(){
        return true;
    });
});

Answer 1

由于该元素在第一次单击后将具有 nav_returnlink 类，因此只需检查它是否存在即可:

jQuery(document).ready(function(){
    $("a.nav_hidepanel").click(function(e){
        //This will return true after the first click 
        //and preventDefault won't be called.
        if(!$(this).hasClass('nav_returnlink'))
            e.preventDefault();

        $("#panel").animate({marginLeft:"-547px"}, 500 );
        $(this).removeClass('nav_hidepanel');
        $(this).addClass('nav_returnlink');
    });
});