jQuery .hover（）画像が変更されない

Question

私はこの問題を修正しようとここで見たいくつかのことを見回して試しましたが、その理由を見つけることができません。私はtoppicクラスに5つの画像を持っています。私は、toppicクラスの画像にマウスを乗せて、マウスの画像を離したときに、マウスの上に置かれている画像で私の画面の大きな画像（id = Biggin）を変更してデフォルトに戻したいと思っています。どんなことも間違っていますか？私は以前の作業機能からコピーして貼り付けましたが、今回私が間違っていたことは分かりません。

$(".toppic").hover(function() { 
    var imgsrc = this.src; 
    $("#Biggin").attr("src", imgsrc); 

}) 
$(".toppic").mouseout(function() { 
    $("#Biggin").attr("src", ".//Images/IMG_3604.JPG"); 
}) 

Answer 1

jQueryを使い始めるときに同様の問題がありました。コードが意図したとおりに動作しない理由がいくつかあります。私の最も一般的な理由は、DOMが存在する前にjQueryスクリプト要素がアクティブになっていたことです。

DOMをロードした後、htmlファイルのjQueryスクリプト要素が読み込まれていることを確認してください。 jQueryスクリプト要素をHTMLファイルの最後に配置すると、HTMLがロードされた後にjQueryがロードされます。

私は役立つことを願っています。