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

jQueryUIでスライダーを使用しました。私が達成したいのは、ユーザーがスライダーの上にマウスを置いたときに表示され、マウスをスライダーの上に置いていないときはフェードアウトすることです。ただし、私の場合は、最初にフェードアウトした後、そのスライダーの位置にマウスを置いても、スライダーがフェードバックしません。この問題を解決するにはどうすればよいですか？ありがとう

4

2 に答える 2

2

アーレンの提案を使用してこれを試してください

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

ここでフィドル

于 2012-12-10T10:08:36.410 に答える
0

これは、メソッドを使用したハンドラーとmouseover別のソリューションです。mouseout.animate()

$("#slider").mouseover(function() {
    $("#slider").stop().animate({"opacity":0},500);
}).mouseout(function() {
    $("#slider").stop().animate({"opacity":1},500);
});
于 2012-12-10T10:16:59.463 に答える