jQuery .hoverスクリプト

Question

私はかなりjQueryを新しくしていますが、ここに私の問題はwebsiteです。

ご覧のとおり、右側に小さな画像がいくつかあります。マウスオーバー時に要素の不透明度を変更するために、私はHOVERを使って非常に簡単なスクリプトを書いた。しかし、これは、私がFirebugでそのスクリプトの小さな変更を行うまでは機能しません（例えば、スクリプト行のプレススペースだけがアクティブになります）。それが動作します！私はこれで完全に混乱しました。

誰かが私を助けることができたら、移動したときにその小さな写真の位置を変更する別のスクリプトで同じ問題を修正できます。

私は同じことをできるソリューションを探しています。

ありがとうございました とさようなら。

Answer 1

他のスクリプトノードと同じように、$（document）.ready（）呼び出しで.hover（）呼び出しをラップする必要があります。これは、呼び出しが実行されたときに画像がページに読み込まれないためです。たとえば、この：

$(document).ready(function(){ 
    $('.s1').hover(
    function() { 
    $(this).stop().css('z-index','9998').animate({left:-40}); 
    }, 
    function() { 
    $(this).stop().css('z-index','').animate({left:-80}); 
    } 
); 
}) 

役に立てば幸い：

$('.s1').hover(
    function() { 
    $(this).stop().css('z-index','9998').animate({left:-40}); 
    }, 
    function() { 
    $(this).stop().css('z-index','').animate({left:-80}); 
    } 
); 

は、このする必要があります。