为什么我的JQuery推送菜单突然不工作了?

Question

我的网站目前配备了曾经是一个功能齐全的推送菜单，但现在突然玩了css后，它不想工作了。我将提供代码:

HTML

<div id="right">
  <div id="Top">
     <div id="menubar">
        <a id="menubarheader">DrumCenter</a>
        <a href="#menu" id="button" class="buttonicon"></a>
        <a href="#" id="searchlink" class="searchlink"></a>
     </div>
  </div>
</div>

CSS

#right {
width: 100%;
background-color: #fff;
z-index: 5;
position: fixed;
left: 0px;
margin: 0px;
height: 100%;
-webkit-box-shadow:  -5px 0px 4px 0px rgba(0, 0, 0, 0.2);
    moz-box-shadow:  -5px 0px 4px 0px rgba(0, 0, 0, 0.2);
      o-box-shadow:  -5px 0px 4px 0px rgba(0, 0, 0, 0.2);
        box-shadow:  -5px 0px 4px 0px rgba(0, 0, 0, 0.2);
}
#menu {
float:left;
width: 80%;
height: 100%;
}
#menu li {
background-color: white;
border-bottom: 1px solid #c8c8c8;
}
#Top {
width: inherit;
height: 80px;
margin: 0px;
}
#menubar, #menubarheader {
    width: inherit;
    height: 80px;
}
#menubar {
    min-width: 250px;
    position: absolute;
    background: #fff;
    border-bottom: 3px solid #ABABA0;
line-height: 80px;
}
#button, #menubarheader, #searchlink {
    position: absolute;
    vertical-align: middle;
    font-weight: lighter;
}
#button {
    text-decoration: none;
    padding-left: 5%;
}
.buttonicon {
font-family: "glyphs";
    text-decoration: none;
    font-size:  230%;
    color: gray;
}
.buttonicon:before {
content: "e696";
}
#searchlink{
    text-decoration: none;
    padding-left: 87%
}
.searchlink{
font-family: "icomoon";
    text-decoration: none;
    font-size:  150%;
    color: gray;
}
.searchlink:before {
content: "e67f";
}
#menubarheader {
    text-align: center;
    color: #0099FF;
    font-size: 200%;
    vertical-align: middle;
}

Javascript

$('#button').toggle( 
        function() {
            $('#right').animate({ left: 250 }, 'fast', function() {
                $('#button');
            });
        }, 
        function() {
            $('#right').animate({ left: 0 }, 'fast', function() {
                $('#button');
            });
        }
    );

在你问之前，是的，我在我的HTML中链接了适当的jquery，我只是没有在这里提供它。我想知道的是为什么这个停止工作，我怎么能解决这个问题?我对此很困惑。谢谢你！如果你想看到我的网站，我正在谈论，你可以去(http://www.codesrce.com/thedrumcenter)，但你只会看到我所说的，如果你的屏幕宽度是1399px或更少，因为这是移动网站。

Answer 1

你在jQuery加载之前编写脚本，剪切它，然后在所有<script></script>标记被调用后粘贴它，它将被修复!