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> 

タッチスクリーンでは、メインナビゲーションをページにリンクしているため、ホバーは機能しません。だからタッチスクリーンデバイスからonclickそれはリダイレクトされますが、私はサブメニューを表示する必要があります。同じコードでソートするのを手伝ってください。

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'); 
});