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 - 在默認事件之前執行功能

回答

相關問題