希望有人能够提供帮助。我一直在试图创建一个简单的菜单,这是响应。我这里有以下代码创建响应式菜单
<nav class="menu">
<ul class="active">
<li class="current-item"><a href="#">Home</a></li>
<li><a href="#">My Work</a></li>
<li><a href="#">About Me</a></li>
<li><a href="#">Get in Touch</a></li>
<li><a href="#">Blog</a></li>
</ul>
<a class="toggle-nav" href="#">☰</a>
<form class="search-form">
<input type="text">
<button>Search</button>
</form>
jQuery(document).ready(function() {
jQuery('.toggle-nav').click(function(e) {
jQuery(this).toggleClass('active');
jQuery('.menu ul').toggleClass('active');
e.preventDefault();
});
});
,我不能似乎不过这里加我的CSS是codepen
https://codepen.io/inzid/pen/NjvGjG
完整的东西,你可以看到桌面版本是好的,但是当你换下来到移动下拉不起作用。
什么想法?
你忽略了jQuery的嵌入在你codepen ... – CBroe