我在移动应用程序中使用jQTouch
(以及jQuery
和Phonegap
)。
我想请用户通过输入正确的passcode
进行验证。
现在,当我在click
上使用anchor tags
时,动画工作正常。
但是,当我提示输入passcode
时,将使用户看到div
,并且应该在此输入他的passcode
。
现在的问题是
当他输入passcode
时,我想验证passcode
是否正确。如果不是,我显示的是错误消息(可以正常工作),
但是如何首先验证密码,然后使用popped up box
dissolve
或fade
? (我不想在这里幻灯片动画)
我试过的是
我已经编写了一个函数,在该函数中,如果密码正确,则使用重定向到适当的divwindow.location.href = "#mydiv";
但它适用于滑动动画,我想淡入淡出或溶解动画。
怎么做呢?
要么
在实际的function
更改发生之前,有什么方法可以执行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');
}
}
最佳答案
$('.something').fadeOut(500, function(){
//function to execute after animation completes
window.location.href = "http://google.com";
});
关于jquery - jQuery-在默认事件之前执行函数,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/11984143/