javascript - jQuery 动画函数可能存在语法错误

Question

javascript/jquery 新手。

我收到以下错误...

“ Uncaught ReferenceError :$未定义”

它似乎位于以下脚本的第一行...

$('#button').toggle(
    function(){
        $('#menu-bar').animate({marginLeft: -200 }, 'slow', function(){
            $('#button').html('Close');
        });
    },
    function(){
        $('#menu-bar').animate({marginLeft: 200 }, 'slow', function(){
            $('#button').html('Menu');
        });
    }
);

CSS:

#button {
    position: relative;
    top: 0px;
    left: 200px;
    z-index: 100000;
    width: 50px;
    height: 50px;
    cursor: pointer;
}
#menu-bar {
    height: 100%;
    width: 200px;
    background-color: #2D2D2D;
    position: absolute;
    top: 0px;
    margin-left: -200px;
    padding-top: 12px;
    z-index: 100;
}

和 html:

<div id="menu-bar">
        <div id="button">Menu</div>
        <ul>
            <li>
            </li>
        </ul>   
</div>

Answer 1

您可能想要显示如何导入 jquery 库的代码。我认为它的意思是“$”未定义，这表明 jquery 尚未加载。

这展示了如何初始化 jquery How should I initialize jQuery?