2012-02-15 12 views
0

最近jQueryを勉強しようとしていましたが、ホバー効果を生み出すためにトライしているうちに、少しぶつかるような感じがしました。なぜこれが動作していないのですか?jQuery hover()がimage src属性で動作しないのはなぜですか?

$(document).ready(function(){ 
$('img.close').hover(function(){ 
         $(this).attr('src','images/1.png'); 
        },function(){ 
         $(this).attr('src','images/2.png'); 
        }); 
}); 

編集:私はbeasiclyロールオーバーEFECT

を作成し、その上にマウスを移動しながら、別の画像と画像を交換しようとしていた私は、イメージが作成されていることを言及するのを忘れてしまったとjQuery

とのコンテナにaded

EDIT2:img.classがアニメーションコールバック関数を使用して作成された問題を見つけることができましたが、コールバック関数以外では何もできないようですが、コードはコアタクトですが適切な場所に配置されていません

+4

あなたは正確に何をしたいですか? –

+0

何をしていますか?何もない? – crush

+0

画像をホバリングしながら別の画像に置き換えようとしています – user1146440

答えて

0

あなたの画像のsrcが画像/ 1.pngになります場合は、次のコードでは、ロールオーバー効果を作成します

$(document).ready(function(){ 
$('img.close').mouseover(function(){ 
        $(this).attr('src','images/2.png'); 
       }); 
$('img.close').mouseleave(function(){ 
        $(this).attr('src','images/1.png'); 
       }); 
}); 

EDIT:

これは

$(document).ready(function(e) { 
    $('img.test').hover(function(e){ 
    $(this).attr('src','Img2.jpg'); //event In handler 
    alert($(this).attr('src')) 
},function(e){ 
    $(this).attr('src','Img.jpg'); //event Out handler 
}) 
}); 

はそれが

を助けることを願ってホバーであります
+1

これはほぼ同じですが、より多くのコードです。 – shaunsantacruz

+0

申し訳ありません...今すぐコードを使用してください。ロールオーバーの効果を作成します –

+1

これは答えとして受け入れられています。あなたのソリューションがなぜ機能し、質問の元のコードがなぜそうでないのか説明してください。ありがとう! – shaunsantacruz

関連する問題