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。

希望对您有所帮助。