jquery - 对一组项目的悬停效果 - 防止移动到同级元素时出现闪烁

Question

我的页面上有一组项目 - 当其中一个项目悬停在其上时，其同级项目的不透明度会发生变化，使它们看起来变暗。当光标移动到组中的另一个项目时，同级项首先会淡回到 100% 不透明度，然后再次变暗。如何防止已经变暗的项目不再变暗(当然，悬停在其上的项目除外)？

我的 jQuery 代码如下，我在这里设置了一个 jsfiddle 演示: http://jsfiddle.net/clorentzen/wmhMR/2/

谢谢!

$(document).ready(function() {
    $('.module').hover(function() {
        $(this).siblings('div').fadeTo(250, .5);
    }, function() {
        $(this).siblings('div').fadeTo(250, 1.0);
    });
});

Answer 1

http://jsfiddle.net/wmhMR/6/

试试这个:

$(document).ready(function() 
 {
  $('.module').mouseenter(function() 
   {
    $(this).css({'opacity':'0.5'});
   })
  $('.module').mouseleave(function() 
   {
    $(this).css({'opacity':'1'});
   })
 });