jQuery/Foundation:未捕获类型错误:对象#<对象>没有方法'悬停'

jQuery/Foundation: Uncaught TypeError: Object #<Object> has no method 'hover'

本文关键字：对象 gt Foundation 有方法 悬停 lt 类型 错误 jQuery      更新时间：2023-09-26

以下代码(Foundation 4，jQuery(

<script>
$(document).ready(function(){
    $("#important img").hover(function() {
      alert("");
    });
});
</script>
</body>

给出以下错误：

未捕获类型错误：对象#没有方法"悬停">

通常这个错误是由丢失的$引起的，但在这种情况下不是吗？

编辑：以下是正文末尾的基础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>

否则甚至不会定义CCD_ 8。

相关文章：