用于移动设备的 Javascript onClick

Question

我正在为一个导航的子菜单工作，我需要移动设备和平板设备可以访问它。我知道使用 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;
}

Answer 1

您可以使用 touchstart在移动浏览器上触发的事件。

$('nav li.bg').on('click touchstart', function(){
    return true;
});

More touch based events