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 );
});

小提琴here

Answer 2

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

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

fadein（）在淡出后不起作用（）

2 个答案: