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

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

如果您右键单击浏览器并选择＆＃34;检查＆＃34;您将在浏览器控制台中看到错误 ＆＃34;（index）：160未捕获的ReferenceError：$未定义＆＃34;

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