NAV 子菜单悬停在触摸屏上

Question

<li>
    <a href="about.html">ABOUT US</a>
    <div class="submenu">
        <div class="col-md-5">
            <h2>ABOUT US</h2>
            <img src="images/sub-menu-img-about.jpg" alt="img"></div>
        <div class="col-md-7">
            <ul>
                <li><a href="#">SUB MENU</a></li>
                <li><a href="#">SUB MENU</a></li>
                <li><a href="#">SUB MENU</a></li>
                <li><a href="#">SUB MENU</a></li>
            </ul>
        </div>
    </div>
</li>

在触摸屏上悬停将不起作用，因为我已将主导航链接到页面。所以从触摸屏设备上点击它会重定向，但我需要显示 submenu 。请帮我用相同的代码排序。

Answer 1

如果你有这样的 HTML：

<a href="#">Do Something</a>

你会用 jQuery 做这样的事情：

$("a").on('click', function( event ) {

  // preventDefault prevents your site from navigating away
  event.preventDefault(); 

  // your code here to show submenu or change classnames
  alert('prevented navigation');
});