Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/73.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 为什么我的.hover()不起作用?_Jquery_Hover - Fatal编程技术网

Jquery 为什么我的.hover()不起作用?

Jquery 为什么我的.hover()不起作用?,jquery,hover,Jquery,Hover,当我将鼠标悬停在名为#TyPhoto的图像上时,我试图将#TyBio放入名为#descripptblock的框中。我看了几个例子,人们做了类似的事情,但由于某些原因,文本在我悬停时不会显示。提前谢谢 Javascript $(document).ready(function() { $("#TyPhoto").hover(function(){ $("#TyBio").show(); },function () { $("#TyBio").hide(); }); }); C

当我将鼠标悬停在名为
#TyPhoto
的图像上时,我试图将
#TyBio
放入名为
#descripptblock
的框中。我看了几个例子,人们做了类似的事情,但由于某些原因,文本在我悬停时不会显示。提前谢谢

Javascript

$(document).ready(function() {
$("#TyPhoto").hover(function(){
    $("#TyBio").show();
},function () {
    $("#TyBio").hide();

});

});
CSS

HTML


  • 测试这个生物测试!

您的HTML既不包含JavaScript,也不包含它所依赖的jQuery库

<script src="jquery.js"></script>
<script src="your.js"></script>


如果我添加了它们,那么它就是。

您包括了两个版本的jquery库文件


查看源代码,第71行(v1.4.2)和第132行(v1.9.1)。

-这里出了什么问题?它似乎正在工作。你在哪个浏览器上看到了这个问题?谢谢你们!我意识到我只是忘了将.js文件添加到该页面。我一直在处理使用同一文件的多个页面,并将其添加到该文件中。好吧,谜团解开了p这是个好主意,但我添加了它们,但仍然不起作用。这是实际的URL:EDIT:我忘了将自己的JS文件添加到该页面。我一直在处理其他已经链接的页面,但忘记将其添加到我需要的页面中。哇,哈哈。不过,谢谢你的帮助!“我忘了在那个页面上添加我自己的JS文件。”-我就是这么说的!哈哈,是的,这是你的功劳!对不起,我对这个事实感到震惊,以至于忘了特别感谢你。谢谢昆汀!
<html>
<head>
<link rel="stylesheet" href="https://googledrive.com/host/0B4nfVqlTfnTzQ0V5NlQydy0xU00" type="text/css" />
</head>
<body>
<div id="navcontainer">
<ul id="navlist">
<li><img id="TyPhoto" src="https://googledrive.com/host/0B4nfVqlTfnTzWDVMRzBEd1RwX2s" width="204" height="272" /></li>
<li><img src="https://googledrive.com/host/0B4nfVqlTfnTzU0pTYWVwRXZ0Tjg" width="208" height="286" /></li>
<li><a href="#">Item three</a></li>
<li><a href="#">Item four</a></li>
<li><a href="#">Item five</a></li>
<span id="descriptblock">
<div id="TyBio">TESTTHISBIOTEST!</div>
</span>
</ul>
</div>
</body>
</html>
<script src="jquery.js"></script>
<script src="your.js"></script>