首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >jQuery/ #<Object>:Uncaught #<Object>:Object #<Object>没有“悬停”方法

jQuery/ #<Object>:Uncaught #<Object>:Object #<Object>没有“悬停”方法
EN

Stack Overflow用户
提问于 2013-05-09 14:45:26
回答 1查看 8.5K关注 0票数 0

以下代码(Foundation 4,jQuery)

代码语言:javascript
复制
<script>
$(document).ready(function(){

    $("#important img").hover(function() {
      alert("");
    });

});
</script>
</body>

给出以下错误:

不明TypeError:对象#没有“悬停”方法

通常,此错误是由缺少的$引起的,但在这种情况下不是吗?

编辑:这里是在正文末尾的基金会4 html的样子:

代码语言:javascript
复制
<script>
document.write('<script src=' +
('__proto__' in {} ? 'js/vendor/zepto' : 'js/vendor/jquery') +
'.js><\/script>')
</script>
<script src="js/foundation.min.js"></script>
<script src="js/foundation/foundation.js"></script>
<script src="js/foundation/foundation.alerts.js"></script>
<script src="js/foundation/foundation.clearing.js"></script>
<script src="js/foundation/foundation.cookie.js"></script>
<script src="js/foundation/foundation.dropdown.js"></script>
<script src="js/foundation/foundation.forms.js"></script>
<script src="js/foundation/foundation.joyride.js"></script>
<script src="js/foundation/foundation.magellan.js"></script>
<script src="js/foundation/foundation.orbit.js"></script>
<script src="js/foundation/foundation.placeholder.js"></script>
<script src="js/foundation/foundation.reveal.js"></script>
<script src="js/foundation/foundation.section.js"></script>
<script src="js/foundation/foundation.tooltips.js"></script>
<script src="js/foundation/foundation.topbar.js"></script>
<script>
$(document).foundation();
</script>

编辑2:解决方案

通过在头中包含jQuery解决了这个问题:

代码语言:javascript
复制
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width" />
<title>Lorem Ipsum</title>
<link rel="stylesheet" href="css/foundation.min.css" />
<script src="js/vendor/jquery.js"></script>
<script src="js/vendor/custom.modernizr.js"></script>

实际的jQuery代码是相同的:

代码语言:javascript
复制
<script>
$(document).ready(function(){

    $("#important img").hover(function() {
      alert("");
    });

});
</script>
</body>
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2013-05-09 14:53:08

其他库可能使用$,这意味着它可能正在覆盖jQuery的$实例。正因为如此,当您使用$时,它引用的是另一个库,它似乎没有.hover()方法。

您可以使用jQuery而不是$来引用jQuery库,也可以使用jQuery.noConflict();使jQuery库在另一个变量http://api.jquery.com/jQuery.noConflict/中可访问。

当然,请确保在页面中包括jQuery库:

代码语言:javascript
复制
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

否则,甚至不会定义jQuery

票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/16464584

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档