以下代码(Foundation 4，jQuery)
<script>
$(document).ready(function(){
$("#important img").hover(function() {
alert("");
});
});
</script>
</body>
出现以下错误:
Uncaught TypeError: Object # has no method 'hover'
通常这个错误是由缺少 $ 引起的，但在这种情况下不是？
编辑:这是基础 4 html 在正文末尾的样子:
<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 解决了这个问题:
<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 代码是相同的:
<script>
$(document).ready(function(){
$("#important img").hover(function() {
alert("");
});
});
</script>
</body>
最佳答案
其他一些库可能会使用 $，这意味着它可能会覆盖 jQuery 的 $ 实例。因此，当您使用 $ 时，它引用的是另一个库，该库似乎没有 .hover() 方法。
您可以使用jQuery而不是$来引用jQuery库，或者使用jQuery.noConflict();来使jQuery可在不同变量中访问的库 - http://api.jquery.com/jQuery.noConflict/
当然，请确保您的页面上包含 jQuery 库:
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
否则 jQuery 甚至不会被定义。
关于javascript - jQuery/基础 : Uncaught TypeError: Object #<Object> has no method 'hover' ，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/16464584/