javascript - 图像上的 MouseEnter 和 MouseLeave

Question

我以前见过这个问题，但到目前为止我见过的解决方案都没有奏效。

我试图简单地让图像在悬停时淡入并在没有时淡出。以下是我的 HTML 的片段：

<script type="text/javascript" src="js/tabs.js"></script>

<ul>
  <li>
    <a href="#jenn">
      <img class="img-fade" src="img/team/jenn.jpg" alt="Jenn">Jenn
    </a>
  </li>
</ul>

我有一些将 .img-fade 设置为 opacity: 0.5; 的 CSS。

然后我的 tabs.js 文件如下所示：

$(document).ready(function() {
   $('.img-fade').mouseenter(function() {
      $('.img-fade').fadeTo('fast',1);
   });
   $('.img-fade').mouseleave(function() {
      $('.img-fade').fadeTo('fast',0.5);
   });
});

我不确定为什么这不起作用。看起来已经够简单了。任何帮助将非常感激。谢谢！

Answer 1

我在标题中使用以下对 jquery 的引用尝试了您的代码：

<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>

而且效果很好！你还有问题吗？