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（）不改變圖像

回答

相關問題