Javascript 响应菜单下拉列表未显示

下拉菜单未显示请帮助我

这是我的名片

这是我的示例代码

HTML

<header class="header">
<a href="#" class="header__icon" id="header__icon"></a>
<a href="#" class="header__logo">Logo</a>     
<nav class="menu">
<a href="#">Home</a>
<a href="#">About</a>
<a href="#">Blog</a>
<a href="#">Contact</a>
</nav>  
</header>

---

如果右键单击浏览器并选择“检查”，您将在浏览器控制台中看到错误 “（索引）：160未捕获引用错误：$未定义”

---

在fiddle页面中，没有包含jquery。我想这可能也是您的本地代码的问题。

如果右键单击浏览器并选择“检查”，您将在浏览器控制台中看到错误 “（索引）：160未捕获引用错误：$未定义”

---

在fiddle页面中，没有包含jquery。我想这可能也是本地代码的问题。

您忘记添加jQuery了。下面是一个加载jQuery的工作示例：。顺便说一句，您的代码很好-似乎工作得很好。我已经添加了html，但仍然不起作用。然后将您的代码包装在

$（document）中。就绪（function（）{}）

，可能脚本试图在加载jQuery之前运行。您可以更新JSFIDLE吗？我不知道如何。。请现在开始工作了，谢谢你忘了添加jQuery。下面是一个加载jQuery的工作示例：。顺便说一句，您的代码很好-似乎工作得很好。我已经添加了html，但仍然不起作用。然后将您的代码包装在

$（document）中。就绪（function（）{}）

，可能脚本试图在加载jQuery之前运行。您可以更新JSFIDLE吗？我不知道如何。。拜托，现在开始工作了，谢谢

$(document).ready(function() {

(function($) {

$('#header__icon').click(function(e) {
e.preventDefault();
$('body').toggleClass('with--sidebar');
});

$('#site-cache').click(function(e) {
$('body').removeClass('with--sidebar');
});

})(jQuery);

});