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。

我希望有所帮助。