javascript - 响应菜单下拉未显示

Question

下拉菜单没有显示请帮助我..

这是我的 jsfiddle https://jsfiddle.net/vryfgmh5/

这是我的示例代码

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>

JS

$(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);

});

Answer 1

如果您右键单击您的浏览器并选择“检查”，您将在浏览器控制台中看到一个错误 “(索引):160 未捕获的 ReferenceError:$ 未定义”

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