jquery - jQueryホバーが必要に応じて機能しない

Question

スライドショーにカーソルを合わせると、カルーセルの矢印が表示されたり消えたりします。私はこれを試しましたが、あまり成功していません：

$("#slideshow").hover(function(){$('.control').fadeOut(500);$('control').fadeIn(500);});

ありがとう

score 4 · Accepted Answer

通話.controlの前にドットが抜けていると思います。.fadeIn(...)

また、コードを少し単純化して、エラーを取り除くこともできます。

$('.control')
    .fadeOut(500)
    .fadeIn(500);

もちろん、これはコントロールを「点滅」させるだけです-適切な機能については@AndrewRの回答を参照してください=）

score 2 · Accepted Answer

hover()やりたいことに対して間違った構文を使用していると思います。hover() メソッドは 2 つのコールバックを受け取ります。1 つは onmouseover イベント (ホバー) 用、もう 1 つは onmouseout イベント (オフホバー) 用です。

$('#slideshow').hover(
    function(){
        $('.control').fadeIn(500);
    },
    function(){
        $('.control').fadeOut(500);
    }
);

score 1 · Accepted Answer

.fadeOut()と.fadeIn()呼び出しをチェーンするだけです。正当な理由もなく、同じ要素セットを 2 回選択することは望ましくありません。

$('.control').fadeOut(500).fadeIn(500);

3 に答える 3