jQuery .hover（）不改变图像

我环顾四周，尝试了一些我在这里看到的事情，试图解决这个问题，但我似乎无法找到原因。我在toppic班有五张图片。我希望能够将鼠标悬停在toppic类中的图像上，并使用正在悬停的图像在屏幕中更改大图像（id = Biggin），然后在鼠标离开图像时切换回默认值。有什么公然错误的吗？我复制并粘贴了以前的工作函数，而且我不确定这次我做错了什么。jQuery .hover（）不改变图像

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

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

来源

2017-11-18 Ryan

使用'.on（）'方法代替事件，'hover'和'mouseout'。另外，如果你做了一个小提琴，那会更好，所以我们可以帮助你更好。 – codeninja

什么没有改变？悬停图片或默认图片？ –

我在开始使用jQuery时遇到了类似的问题，并且可能有几个原因导致您的代码无法正常工作。我不工作的最常见原因是jQuery脚本元素在DOM存在之前被激活。

确保在DOM文件加载后加载html文件中的jQuery脚本元素。您可以将jQuery脚本元素放置在HTML文件的末尾，以便在加载HTML后加载jQuery。

我希望有帮助。

来源

2017-11-18 04:58:07 Roper

我没有在我的JavaScript文件中的onLoad事件中。只要我把它放在那里，它就开始工作。哎呀大声笑。我只是从我正在研究的另一个项目中复制并粘贴它，并没有意识到它在函数内部。谢谢您的帮助！ – Ryan

很高兴能帮到你！ – Roper

jQuery .hover（）不改变图像

回答

相关问题