您好我正在我的手机上测试这个简单的功能,但它不起作用。它适用于桌面测试,即Chrome,Firefox。我试图找到一些东西,但没有。 需要一些帮助 这是脚本
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"</script>
<script type="text/javascript">
$(document).ready(function(){
$("#show-menu-l").click(function () {
$(".nav").toggleClass("active-l");
});
});
</script>
</body>
</html>
此处我的菜单工作正常并在我的笔记本上测试并使用http://quirktools.com/screenfly/
<div class="nav">
<nav class="menu menu-left" id="menu-l">
<div class="menu-menu_uno-container"><ul id="menu-menu_uno" class="menu">
<li>>Home</li>
<li>About Us</li>
<li>Contact</li>
</ul>
</div>
</nav>
CSS
.nav{
position:fixed; z-index:1; margin-left:-180px; width:180px; height:100%;
float:left; left: 180px;
}
按钮
<div class="top-nav">
<div class="btn-responsive-menu" id="show-menu-l">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</div>
</div>
CSS
@media (max-width: 767px) {
.top-nav{display:block;position: absolute; top: 0; float: left;}
.btn-responsive-menu{display:block;}
.nav {left: -180px;}
.active-l{left: 180px; top: 48px; position: absolute;}
}