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> 

У меня есть CSS, который устанавливает .img-увядает к непрозрачности: 0,5 ;.

Тогда мой файл 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> 

И это работало хорошо! У вас все еще есть проблемы?