javascript - JQuery 控制台错误

Question

我正在尝试做一个用菜单控制的内容 slider 。 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>

内容 div 就像

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

问题是，当我单击菜单项时，我收到此错误

“ Uncaught ReferenceError :goto 未定义”

请帮忙..

Answer 1

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