得到一个div来淡出另一个div的鼠标悬停

Question

我试图让.image img在描述框悬停时淡出。

$(".description-box").on({
mouseover: function () {
    clearTimeout(timer);
    $(".image img").fadeOut();
},
mouseout : function () {
    timer = setTimeout(function () { 
        $(".image img").fadeIn();
    }, 100);
}
});

修改的

https://jsfiddle.net/pugu9vyy/

Answer 1

这个怎么样：

$(".description-box").on({
    mouseenter: function () {
        $('.image img').css('opacity', '0');
    },
    mouseleave: function () {
        $('.image img').css('opacity', '1');
    }
});

请参阅小提琴https://jsfiddle.net/pugu9vyy/1/

Answer 2

这样的事可能...... Fiddle

$(".description-box").on({
mouseover: function () {
    timer = setTimeout(function () {
        $(".image img").fadeOut();
    }, 100);
},
mouseout: function () {
clearTimeout(timer);
    $(".image img").fadeIn();

}
});