jQuery .hover（）不更改圖像

Question

我環顧四周，並嘗試了一些我在此處看到的方法來嘗試解決此問題，但我似乎找不到原因。 我在toppic班上有五張照片。 我希望能夠將鼠標懸停在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時，我遇到了類似的問題，並且可能由於某些原因您的代碼無法按預期工作。 我不工作的最常見原因是jQuery腳本元素在DOM存在之前就被激活了。

確保在加載DOM之后加載html文件中的jQuery腳本元素。 您可以將jQuery腳本元素放置在HTML文件的末尾，以便在HTML加載后加載jQuery。

希望對您有所幫助。