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(); 
     });         
    }); 
});