jQuery-在默认事件之前执行函数

我正在我的移动应用程序中使用

jQTouch

（带有

jQuery

和

Phonegap

）

我想让用户输入正确的

密码来验证自己。
现在，当我在
锚定标签上单击
时，动画工作正常

但是当我提示输入
密码时，用户会看到一个
div
，他应该在那里输入他的
密码

现在问题是,

当他输入密码时，我想验证密码是否正确。如果没有，则显示错误消息（工作正常），
但是，如何首先验证密码，然后弹出
框
解除
或
淡入
？（我不想在这里播放幻灯片动画）

我试过的是

我已经编写了一个函数，在该函数中，如果密码正确，则使用

window.location.href=“#mydiv”

但它适用于滑动动画，我想要淡入淡出或溶解动画

怎么办

或

在实际的
href
更改发生之前，是否有任何方法可以执行
函数

更多代码

function iconClick(e,that){
    if(localAppConfig.pinRequirement.wallet==1){
        $(that).addClass('dissolve');
        $(that).attr("href",'#p2p_login');
        $("#p2p_login a").attr("href","#content_nav");
    } else {
        $(that).removeClass('pop');
        window.location.href = "#content_nav";
    }
}

这是我为下一个动画设置目标的函数

#p2p_login
是弹出的div，我想在其中接受密码。
在
#p2p_login
中有一个按钮，单击该按钮可调用以下函数

function verifyPasscode(){
    var correctCode = localAppSecurity.passcode;
    var target = $("#p2p_login a").attr('href');
    var code = $("#p2p_login .txtfldPin").val();
    if(code==correctCode){
        $("#p2p_login a").addClass('fade');
        $("#p2p_login a").attr("href",target);
        $("#p2p_login .txtfldPin").css('border','3px solid #B9D973');
        window.location.href = target; // This triggers slide animation.. How to change it?

    } else {
        $("#p2p_login .txtfldPin").css('border','3px solid red');
    }

}

请显示更多代码。是否在window.location.href上使用超时并在href更改之前运行效果？请显示更多代码。是否在window.location.href上使用超时并在href更改之前运行效果？
$('.something').fadeOut(500, function(){
    //function to execute after animation completes
    window.location.href = "http://google.com";
});