jQuery show is not working

Question

我被下面的問題困住了，其中jQuery show()函數沒有間歇性地工作。

errorDiv是默認隱藏（中負載），當用戶點擊進入學生按鈕，我想顯示錯誤消息，並且在mouseout事件，我將隱藏errorDiv，如果用戶點擊「輸入顯示它學生「按鈕。

當我在show()功能上設置斷點時，它的工作原理。但是如果我在調試器外測試它，它不起作用。

$(document).ready(function() { 
 

 
\t $('#enter').click(function(){   
 
    alert('show'); 
 
\t \t $('#defaultError').text("Incorrect entry"); \t \t 
 
\t \t $('.errorDiv').delay(2000).show(); 
 
\t }); 
 
\t 
 
    $('#enter').mouseout(function(){ 
 
    alert('hide'); 
 
\t \t $('.errorDiv:visible').hide(); 
 
\t }); 
 
\t 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="row.align-left"> 
 
\t <div class="small-7"> 
 
\t \t <div class="errorDiv"> 
 
\t \t \t <label id="defaultError" name="defaultError" class="error"></label> 
 
\t \t </div> 
 
    <div class="testDiv"> 
 
\t \t \t <label id="test" name="test" class="error">Test Entry</label> 
 
\t \t </div> 
 
\t </div> 
 
</div> 
 

 
<button class="button" role="button" id="enter" name="enter" type="button"> 
 
\t \t \t \t \t <i class="fi-plus large">Enter student</i> 
 
</button>

Answer 1

我認爲這是一個小的語法error..please這一個

$('#enter').click(function(){ 
    $('#defaultError').text("Incorrect entry");  
    $('.errorDiv').delay(2000).show(); 
    }); 

更新小提琴取代點擊功能代碼：Updated Fiddle

Answer 2

嘗試如下因素代碼：

$(document).ready(function() { 

$(document).off('click', '#enter').on('click', '#enter', function(){ 
    $('#defaultError').text("Incorrect entry");  
    $('.errorDiv').delay(2000).show(); 
}); 

$(document).off('mouseout', '#enter').on('mouseout', '#enter', function(){ 
    $('.errorDiv:visible').hide(); 
}); 

}