jQuery錯誤框不會在第一次點擊時出現。當我再次點擊它第二次它要去

Question

jQuery錯誤框不會當我第一次點擊它。當我再次點擊第二次進行時。

​​

當我點擊errorbox第一次沒有發生，但是當我再次點擊第二次給予其警告點擊該錯誤信息是怎麼回事。

我試圖不給衝突代碼，但它不工作。

相同的代碼正在其他頁面中工作。

Answer 1

.on（）適用於jQuery 1.7及更高版本。如果你有一箇舊版本，使用這個：

$('.errorbox').live('click',function(){ 
     $(this).fadeOut('slow',function(){ 
       $(this).remove(); 
     });         
    }); 


    $('.errorbox').live('focus', function() 
    { 
     $(this).fadeOut('slow',function(){ 
     $(this).remove();   
     }); 
    }); 

Answer 2

使用on而不是live並將代碼包裝在document.ready中。我懷疑當代碼第一次嘗試綁定事件處理程序時，dom元素未加載。 live方法已被棄用一段時間，並且首選on方法，它使用事件傳播將事件處理程序分配給當前未在DOM上呈現的元素。

$(document).ready(function(){ 
    jQuery(document).on('click','.errorbox',function(){ 
     alert("click"); 
     $(this).fadeOut('slow',function(){ 
      $(this).remove(); 
     });         
    }); 
});