Mouseover和Mouseout问题

Question

所以我有一个问题，因为我想从DIV背景中删除鼠标变成红色，这是工作，但是当我将鼠标移动到div内的标题上时，它已经发生这个鼠标事件了！我打算做什么？

下面是代码：http://jsfiddle.net/eluminium/t5YEC/1/

var $imoveis = $('.imoveis'); 
$imoveis.mouseover(function() { 
    var index = $(this).index(); 
}); 

$imoveis.mouseout(function() { 
    var index = $(this).index(); 
    $imoveis.eq(index).css({ 
     background: 'red' 
    }); 
})​;​ 

Answer 1

尝试结合MouseLeave事件

function imoveis(){ 
    var $imoveis = $('.imoveis'); 

    $imoveis.mouseover(function(){ 
     var index = $(this).index(); 
    }); 

    $imoveis.mouseleave(function(){ 
     var index = $(this).index(); 

     $imoveis.eq(index).css({ 
      background: 'red' 
     }); 
    }); 
} 

Demo

Documentation

Answer 2

试试这个队友

$(document).ready(function(){ 
      $('.imoveis').hover(function() { 
       var index = $(this).index(); 
      }, function() { 
      var index = $(this).index(); 
       $('.imoveis').eq(index).css({background: 'red'}); 

      });  
     }); 

演示在这里：http://jsfiddle.net/QZAXW/

Answer 3

你可能只是这样做：

的Javascript

$(document).ready(function() { 

    $('.imoveis').on('mouseleave', function() { 
     $(this).css({ 
      background: 'red' 
     }); 
    }); 

}); 

Demo

虽然它很可能是更好的续ROL的背景颜色与一些CSS和像这样一类：

CSS

.imoveis.red { 
    background: #cc0000; 
} 

的Javascript

$(document).ready(function() { 

    $('.imoveis').on('mouseenter', function() { 
     $(this).removeClass('red'); 
    }); 
    $('.imoveis').on('mouseleave', function() { 
     $(this).addClass('red'); 
    }); 

}); 

Demo