javascript - 淡出（）后淡入（）不起作用

Question

$("#slider").live("hover", function(e) {
    if (e.type == 'mouseenter') {
        $("#slider").delay(100).fadeIn(); 
    }
    else {
        $("#slider").delay(1200).stop(true, true).fadeOut();
    }
});

我在 jQueryUI 中使用了一个滑块。我想要实现的是当用户将鼠标悬停在滑块上时，它会显示，当鼠标没有悬停在滑块上时，它会淡出。但是，我的情况是在第一次淡出之后，无论我将鼠标放在滑块的哪个位置，滑块都不会淡入。我该如何解决这个问题？谢谢

Answer 1

使用ahren的建议试试这个

$("#slider").hover( function( ) {
    $("#slider").fadeTo( 1000, 1 );
},
function( ) {
    $("#slider").fadeTo( 1000, 0 );
});

在这里提琴

Answer 2

这是另一种使用方法mouseover和mouseout处理程序的解决方案.animate()：

$("#slider").mouseover(function() {
    $("#slider").stop().animate({"opacity":0},500);
}).mouseout(function() {
    $("#slider").stop().animate({"opacity":1},500);
});