Javascript jQuery函数不工作

我修改了这个页面的菜单动画代码

。。。并让按钮打开和关闭我的菜单（单击时，它应该通过打开和关闭class.menuview来显示和隐藏#主菜单）。但是，它不起作用。不知道发生了什么。。。需要一些帮助。我为此绞尽脑汁已经有一段时间了

我的代码在下面

JAVASCRIPT。我看不出有什么不对

// Menu Button        
$(document).ready(function(){
    $('#nav-icon3').click(function(){
        $('#mainmenu').toggleClass('menuview');
        $(this).toggleClass('open');
    });
}); 

HTML（我正在使用WordPress显示菜单）

---

您可以在此处查看整个页面：（使用一个小的浏览器窗口，否则，响应按钮将不可见）

您正在jquery之前加载javascript.js文件。您的javascript.js文件试图使用jquery。。。切换这些脚本标记，如：

<script type="text/javascript" src="http://www.silkvodka.com/wp-content/themes/silkvodka/js/jquery.min.js"></script>
<script type="text/javascript" src="http://www.silkvodka.com/wp-content/themes/silkvodka/js/javascript.js"></script>

---

控制台错误“uncaughtreferenceerror:$未定义”表明这一点很明显，这表明您正试图在jquery可用之前使用它。

使用wordpress时，请使用jquery而不是$

jQuery(document).ready(function(){
    jQuery('#nav-icon3').click(function(){
        jQuery('#mainmenu').toggleClass('menuview');
        jQuery(this).toggleClass('open');
    });
}); 

---

应该运行：）

您应该将其标记为“jquery”，因为这显然是一个关于jquery功能的问题。看起来您根本没有加载jquery。我访问了该站点，页面上出现了控制台错误。是的，页面正在加载jquery。请参阅实际站点和视图源（参考上文）。然而，问题解决了，所以不需要更多的回答……我认为他的问题是我们两个答案的结合。你最特别的是一下子。我很好奇，如果仍然存在问题，他是否会修改脚本顺序。我想可能有。我们拭目以待。另外，如果它仍然不起作用，请将该代码放在控制台中并尝试执行它。如果它在您的控制台中工作，那么您的问题将是您的代码在页面中加载得太快。您可以这样做：添加js，您可以选择在页脚而不是页眉中插入js。同时选择外部文件。不管是javascript还是jQuery。。。如果我在jquery.min.js文件之后加载javascript.js文件，这很重要。

<script type="text/javascript" src="http://www.silkvodka.com/wp-content/themes/silkvodka/js/jquery.min.js"></script>
<script type="text/javascript" src="http://www.silkvodka.com/wp-content/themes/silkvodka/js/javascript.js"></script>

jQuery(document).ready(function(){
    jQuery('#nav-icon3').click(function(){
        jQuery('#mainmenu').toggleClass('menuview');
        jQuery(this).toggleClass('open');
    });
});