2017-01-22 115 views
0

我尝试做一个效果,我的HTML,并且效果似乎不工作jQuery的悬停功能不工作...

$(document).ready(function() { 
      $("li a").hover(function() { 
       $(this).css("color","black"); 
      }, function() { 
       $(this).css("color","white"); 
      }); 
     }); 
+1

工作得很好。请提供复制您的问题的演示。 http://codepen.io/anon/pen/rjmmaG –

+1

你也应该包含相关的HTML。并解释什么不起作用。 –

+1

由于发布的代码可以正常工作,因此您的问题与Stack Overflow相关。 – David

回答

0

不应该在你的代码的颜色,被逆转?所以当悬停时链接变成白色,而非悬停时链接变回黑色?

否则你的代码似乎就好了工作:

$(document).ready(function() { 
 
    $("li a").hover(function() { 
 
    $(this).css("color","white"); 
 
    }, function() { 
 
    $(this).css("color","black"); 
 
    }); 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
 
<ul> 
 
    <li><a href="#">Hover me</a></li> 
 
</ul>

你是否记得包括jQuery库?