javascript - 鼠标悬停和鼠标移出问题

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

尝试绑定(bind)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