首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >对象实现jquery suckerFish菜单时出现的错误。

对象实现jquery suckerFish菜单时出现的错误。
EN

Stack Overflow用户
提问于 2010-10-28 13:30:18
回答 1查看 386关注 0票数 1

我正在尝试实现在这个教程。上找到的吸盘鱼菜单,我从样例javascript中得到了“对象预期”错误:

代码语言:javascript
复制
    $(document).ready(function () {
        $("#nav-one li").hover(
            function () { $("ul", this).fadeIn("fast"); },
            function () { }
        );
        if (document.all) {
            $("#nav-one li").hoverClass("sfHover");
        }
    });

我使用以下方法导入了JQuery:

代码语言:javascript
复制
<script type="text/javascript" src="~/Scripts/jquery-1.4.1.js"></script>

JQuery导入在页面标题中。javascript就在<body>内部。如果我能分辨出哪个对象有问题,而不是被指向这段代码,那就太好了。我对JQuery和初学者级别的javascript都是新手。

更新菜单的开始:

代码语言:javascript
复制
<ul id="nav-one" class="nav">
            <li>
                <a href="#item1">item 1</a>
                <ul>

(我认为#nav-1指向菜单“nav-one”的id )。

我相信这个css涵盖了"sfHover“部分:

代码语言:javascript
复制
#nav-one li.sfHover a {
  background: #ccc;
  color: #000;
}
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2010-10-28 13:39:19

当您没有正确地包含jQuery时,可能会出现“对象预期”错误。在src属性所指向的目录中有'jquery-1.4.1.js‘文件吗?

要测试这是否是问题所在,请尝试将jQuery包含替换为以下内容:

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

这将要求jQuery从谷歌的服务器。

编辑:

如果我使用您的示例代码和上面提到的jQuery包含,我就不会得到这个错误。但是,您还需要包括

代码语言:javascript
复制
$.fn.hoverClass = function(c) {
return this.each(function(){
    $(this).hover( 
        function() { $(this).addClass(c);  },
        function() { $(this).removeClass(c); }
    );
});
};

部分来自你的例子。它将hoverClass定义为jQuery方法(它不是标准jQuery库的一部分)。

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

https://stackoverflow.com/questions/4043372

复制
相关文章

相似问题

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