Question

我在移动应用中使用jQTouch（jQuery和Phonegap）。

我想让用户通过输入正确的passcode来验证自己。现在，当click ...

上的anchor tags时，动画效果很好

但是当我提示passcode时，用户可以看到div，并且他应该在那里输入passcode。

现在的问题是，

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

我试过的是，

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

将其重定向到适当的div

window.location.href = "#mydiv";

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

如何去做？

OR

在实际的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');
    }

}

Answer 1

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

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

1 个答案: