Jquery fadeTo on mouseover

Question

何かスライダというプラグインを使用していて、4秒後にコントロールが消えるようにしようとしています（マウスオーバー時に不透明度を1に戻します）。これまで私がこれまで持っていたことは...私は間違って何をしていますか？

$(slider.$controls).mouseover(function() 
slider.$controls.fadeTo(400, 1.0); 
}); 

$(function() { 
    var fadeTime = 400, 
     fadeDelay = 4000, 
     timer, hideControls = function (slider) { 
      clearTimeout(timer); 
      setTimeout(function() { 
       slider.$controls.fadeTo(fadeTime, 0.3); 
       $('.tooltip').fadeOut(fadeTime); 
      }, fadeDelay); 
     }; 
}); 

Answer 1

あなたは

slider.$controls.fadeTo... 

はあなたが持っている必要がありますあなたはあなたが持っているライン2上の構文エラーを持っているslider.controls.fadeTo

$(slider.controls).mouseover(function() 

    $(this).fadeTo(400, 1.0); 

}); 

Answer 2

ておきslider.$controls.fadeToを置き換えるsould

$(this).fadeTo... 

行1に匿名関数を入力すると、オブジェクトは、このコードを実行しているDOM要素（slider.controlsで表される要素）を参照するようになりました。

Answer 3

まず、slider.controlsを使用してコントロール要素をターゲットにしてから、slider.$controlsを使用して同じ要素をターゲットにします。私はあなたがどちらがどちらかを決定する必要があると思います。

また、コールバック関数内で、あなたはそれにトリガーされたイベントがあった要素への参照としてthisを使用することができます：あなたがフェードイン・アウトしたい場合はそうでない

$(slider.controls).bind('mouseover', function() { 
    $(this)... 
}); 

をすべてコントロールを同時に使用する場合は、slider.$controlsまたはslider.controlsを使用する必要があるかどうかを判断するだけです。

UPDATE

私はあなたの質問を変更した、今あなたがslider.$controls両方の時間を使用している参照してください。第二の

$(function() { 

    slider.$controls.mouseover(function() 
     slider.$controls.fadeTo(400, 1.0); 
    }); 

    var fadeTime = 400, 
     fadeDelay = 4000, 
     timer, hideControls = function (slider) { 
      clearTimeout(timer); 
      setTimeout(function() { 
       slider.$controls.fadeTo(fadeTime, 0.3); 
       $('.tooltip').fadeOut(fadeTime); 
      }, fadeDelay); 
     }; 

はまた、私はあなたが初めてオブジェクトjQueryのでslider.$controlsを包んだことに気づいたが、ないようにしてください、：あなたはDOM要素を知って利用できるようにするには、document.readyイベントハンドラ内でごmouseoverコードを置く必要がありますslider.$controlsがまだjQueryオブジェクトでない場合（多くの場合、開発者は$を変数名の最初の文字としてjQueryオブジェクトであることを示します）。