JQuery的 - 雙擊谷歌瀏覽器的錯誤DIV出現

Question

$('#login').click(function() { 
 
    
 
    var user = $('#user_email').val(); 
 
    var pwd = $('#pwd').val(); 
 
    
 
    if(user != "test" || pwd != "test"){ 
 
     $('#errors').html("Error"); 
 
    }else{ 
 
      $('#errors').html("Hello"); 
 
    } 
 
    
 
    
 

 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
 
<fieldset> 
 
    <legend>Login:</legend>Email: 
 
    <br> 
 
    <input type="text" id="user_email" value=""> 
 
    <br>Password: 
 
    <br> 
 
    <input type="password" id="pwd" value=""> 
 
    <br> 
 
    <br> 
 
    <input id="login" type="submit" value="Submit"> 
 
</fieldset> 
 
<div id="errors"></div>

當我運行谷歌瀏覽器的代碼，第一次我把錯誤的憑據，錯誤DIV出現並自動消失。第二次出現錯誤div並保持不變。爲什麼只發生在谷歌瀏覽器上。 Firefox運行良好。

Answer 1

DEMO

所有你需要添加一些css隱藏或顯示的第一個A div像下面一個：

#errors{ 
    display:none; 
} 

然後show或將其與延時5秒或任何時候你hide想要如下：

$('#login').click(function() { 
    var user = $('#user_email').val(); 
    var pwd = $('#pwd').val(); 
    if(user != "test" || pwd != "test"){ 
     $('#errors').html("Error").show('slow').delay(5000).hide('slow');//delay here is 5 seconds and so its value is 5000 
    }else{ 
      $('#errors').html("Hello").show('slow').delay(5000).hide('slow');//same as above 
    } 
});