2017-07-03 93 views
0

我試圖在我將鼠標懸停在鏈接上時播放背景圖片,並在您將鼠標懸停在其上時重置並播放。

它在這jsFiddle完全按照我的意願工作。

當我在Brackets中編寫代碼時,我得到了這個警告 - > $'在它被定義之前就被使用了。 $("#hover").hover(function() {

我已經包含的JavaScript在我的HTML像頭:

<head> 
<script 
src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js" type="text/javascript"></script> 
<script type="text/javascript" src="main.js"></script> 

<head> 

的HTML,CSS和JavaScript是一樣的的jsfiddle。

登入瀏覽器也不行。我得到這個警告--->imain.js:10 Uncaught ReferenceError:$沒有在main.js中定義:10我的頁面在此處可以看到。 jepen84.github.io/github.io

+0

檢查jQuery是否已加載。您可以在Chrome的開發者工具「網絡」標籤中看到這一點。 – Sveta

+0

它也不能在瀏覽器中使用,還是隻是一個編輯器警告? – JJJ

+1

是的,這不是運行時錯誤。括號不太可能知道你正在使用jQuery。我不知道編輯,但可能會有一個設置來包含「已知全局變量」或其他內容。 –

回答

1

你得到的錯誤,因爲jQuery不加載。

要加載的jQuery,你使用: <script type="text/jquery" src="jquery-3.2.1.js"></script>

jQuery是不是一種編程語言。它只是一個提供一些便利功能的JavaScript庫。

在您的<script> -tag中,將type="text/jquery"更改爲type="text/javascript",它將加載該文件。

+0

似乎已刪除警告,但當您懸停鏈接時,gif仍不會顯示。有什麼建議麼? –

+0

沒有任何反應,因爲你在'span'上綁定了'.hover()',它的高度爲零,所以你在技術上無法將其懸停。或者,將'span'設置爲'display:block'('inline-block'或者只給它內容也可以)或者使用$(「#hover a」)'而不是'$(「hover span」 )' –

相關問題