jQuery - 在默认事件之前执行功能

我在我的移动应用程序中使用jQTouch（与jQuery和Phonegap）。jQuery - 在默认事件之前执行功能

我想要求用户输入正确的passcode来验证自己。现在，当我click在anchor tags ...

但是，当我提示输入passcode，一个div是可见给用户，他应该进入他passcode那里的动画工作得很好。

现在的问题是，

当他进入passcode，我想验证是否passcode是正确的。如果没有，我显示错误信息（这是工作正常），但如何首先验证密码，然后有popped up boxdissolve或fade？（我不想在这里幻灯片动画）

我已经试过是，

我已经写了一个函数，该函数中，如果输入的密码是正确的，它会被重定向到使用

适当的div

window.location.href = "#mydiv";

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

如何去呢？

有没有什么办法可以执行实际href变化发生之前，function？

更多的代码

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'); 
    } 

}

来源

2012-08-16 AdityaParab

请出示您更多的代码。 – nnnnnn 2012-08-16 09:28:50

@nnnnnn：添加了代码... – AdityaParab 2012-08-16 10:21:28

在window.location.href上使用超时并在href更改之前运行效果？ – Ekim 2012-08-22 19:38:32

$('.something').fadeOut(500, function(){ 
    //function to execute after animation completes 
    window.location.href = "http://google.com"; 
});

来源

2012-08-24 11:32:16

jQuery - 在默认事件之前执行功能

回答

相关问题