Javascript 淡出（）后淡出（）不工作

我在jQueryUI中使用了滑块。我想实现的是，当用户将鼠标悬停在滑块上时，它会显示，当鼠标未悬停在滑块上时，它会消失。然而，我的情况是在第一次淡出后，滑块不会淡出，无论我将鼠标放在滑块的那个位置。我如何解决这个问题？谢谢使用阿伦的建议试试这个

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

---

Fiddle

这是另一种解决方案，它使用

mouseover

和

mouseout

处理程序以及

.animate（）

方法：

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

---

滑块已经消失，没有任何东西可以“悬停”在上面-您需要使用

.fadeTo（）

只更改不透明度，而不设置

显示：无-是。我只是试着淡出。这和我预期的一样。谢谢
$("#slider").mouseover(function() {
    $("#slider").stop().animate({"opacity":0},500);
}).mouseout(function() {
    $("#slider").stop().animate({"opacity":1},500);
});