JQuery控制台错误

JQuery console error

本文关键字：错误 控制台 JQuery      更新时间：2023-09-26

我正在尝试用菜单控制内容滑块。Div元素将被放置在包装器中，我正在使用脚本更改它的位置。请检查以下代码

jQuery(document).ready(function() {
    function goto(id){
        jQuery(".contentbox-wrapper").animate({"left": -(jQuery(id).position().left)}, 600);
    }
});

和函数调用所在的html，

<li><a href="#" onClick="goto('#homePage', this); return false">Home</a></li>
<li><a href="#" onClick="goto('#aboutPage', this); return false">About</a></li>

内容divs类似

<div class="contentbox-wrapper">
    <div id="homePage" class="contentBox">
        content here
    </div>
    <div id="aboutPage" class="contentBox">
        content here
    </div>
</div>

问题是，当我点击菜单项时，我会得到这个错误

"未捕获引用错误：未定义goto"

请帮忙。。

您应该将goto函数放在文档就绪事件处理程序函数之外。此外，您的函数只使用一个参数，但每次调用它时都使用两个参数（事实并非如此，只是没有多大意义）。

当你在链接的onclick属性中引用goto时，你会传递两个参数，但在它的定义中，它只接受一个参数，即id。

相关文章：