2017-07-03 96 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” )' –

相关问题