我正在为一个导航的子菜单工作,我需要移动设备和平板设备可以访问它。我知道使用 onClick="return true"可以解决问题,但是,我还需要在用户单击列表项时关闭我的列表项。基本上我需要它来切换子菜单。如果我添加这一行简单的 Javascript,它将起作用,但子菜单将始终保持打开状态。我怎样才能让它关闭/切换子菜单?
HTML:
<nav>
<ul>
<li class="active"><a href="#">Menu 1</a></li>
<li><a href="#">Menu 2</a></li>
<li><a href="#">Menu 3</a></li>
<li class="bg"><a class="dropdown" href="#">Menu 4</a>
<ul>
<li><a href="#">Sub 1</a></li>
<li><a href="#">Sub 2</a></li>
</ul>
</li>
</ul>
</nav>
Javascript:
$('nav li.bg').on('click', function(){
return true;
}
最佳答案
您可以使用 touchstart
在移动浏览器上触发的事件。
$('nav li.bg').on('click touchstart', function(){
return true;
});
关于用于移动设备的 Javascript onClick,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26453151/