我遇到了无法关闭移动导航菜单的问题。
我正在使用 jQuery Full Page对于我的前端。单击时打开我的移动菜单:
<nav class="menu col-xs-4 pull-right">
<a href="#">
<span>Menu</span>
<button>
<span>toggle menu</span>
</button>
</a>
</nav>
使用 jQuery 代码:
$('nav, .mobile-menu--close').click(function(e){
$('body').toggleClass('menu-open');
});
但是它在用 .mobile-menu--close 关闭时什么都不做
<a href="#" class="mobile-menu--close">
<span>Close</span>
<span class="mobile-menu--close-x"></span>
</a>
它在 main 之外的 aside 元素内
...
<div class="background-image landing-mantas col-xs-8 pull-right">
</div>
</div>
</div>
</main>
<aside class="mobile-menu">
<ul>
<li>
<a href="#">Homepage</a>
</li>
<li>...
对于 mobile-open 类,它转换 X 100% 并将 aside.mobile-menu 从 X100% 转换为 0%。所以基本上它将这些与位置交换。
我读过有关禁用触摸操作的答案:无等等。似乎没有任何帮助。
可以找到网络的完整预览here
请记住,这是 wop,因此请在响应式 View 中查看它以了解要点。但它应该可以解决问题。
最佳答案
去掉这个样式试试
.mobile-menu {
z-index: -1;
}
关于javascript - jQuery + Full Page + Mobile Menu closing =Unable to preventDefault inside passive event listener,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44129343/