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