我正在尝试在我的移动设备 View 中显示一个图标,您可以在其中单击显示和隐藏菜单, 现在我的代码不起作用,它根本打不开
我的问题是试图在这里找出 id 和输入
不确定我做错了什么,有人能给我指出正确的方向吗?提前致谢
//这是我的
<nav class="navMenu">
<input id="menu-icon" type="checkbox">
<label id="menu-icon" class="iconMenuLbl" for="menu-icon"></label>
<ul>
<li>
<a href=""><img class="navImg" src="media/Home-tall.png" alt=""></a>
</li>
<li>
<a href="summary"><img class="navImg" src="media/My-Details-tall.png" alt=""></a>
</li>
<li>
<a href="loans"><img class="navImg" src="media/My-Loans-tall.png" alt=""></a>
</li>
<li id="loggedin-box" class="">
<form method="POST" action="login">
<div>
<strong>some name</strong>
</div>
<button style="padding:0px;" name="logout" type="submit">
<img class="navImg" src="media/Sign-Out.png">
</button>
</form>
</li>
</ul>
</nav>
//js文件
$(function() {
var menuVisible = false;
$('#menu-icon').click(function() {
if (menuVisible) {
$('.navMenu').css({'display':'none'});
menuVisible = false;
return;
}
$('.navMenu').css({'display':'block'});
menuVisible = true;
});
$('.navMenu').click(function() {
$(this).css({'display':'none'});
menuVisible = false;
});
});
最佳答案
您有两个同名的 ID。 'menu-icon' 尝试将其中一个 ID 更改为另一个名称。 ID 应该是唯一的。 -- 还将您的输入字段移出导航标签。
关于javascript - 移动 View 中的导航问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37973262/