jQuery事件监听器不工作

Question

<div id="mybutton" class="button">label</div> 

<script> 

     $(document).ready(function() { 

     $('.button').mouseenter(function() { 
      $(this).css('cursor', 'pointer'); 
      $(this).addClass('green'); 
     }); 

     $('.button').mouseleave(function() { 
      $(this).css('cursor', 'auto'); 
      $(this).removeClass('green'); 
     }); 
     }); 
</script> 

当我mouseenter #mybutton没有任何反应。为什么？我究竟做错了什么？

Answer 1

移动你的脚本块入脑后jQuery脚本文件的链接。

Answer 2

你的代码是完全没有问题：

这里是jsfiddle

我刚加入

.green{ 
    color:green; 
}