クリック機能とアクティブダブルクリックのみからメニューを防止する方法

Question

私はウェブサイトをテストしていて、メニューの問題を気付きました： 私は「About」という項目を持っています。リンクでもあります。したがって、モバイルでは、Aboutの下をクリックすると、子供が表示されますが、リストアイテムをクリックしようとする前に、サイトはAboutページに移動します。 まあ、私はホバーとフォーカスを使用しているので、それはすべてであると仮定します。

子供がいるアイテムをクリックしてアイテムを表示し、最初にクリックするとそのアイテムのページに移動しないようにするにはどうすればよいですか？ は、ここに私のバイオリン：https://jsfiddle.net/Wosley_Alarico/mvn7ayun/1/

私はすべての最初の私はおそらく、クリック機能を阻止しなければならないことを考えています：英語ここ

Answer 1

私の第一言語されていないので

$(document).ready(function(){    
    $("li.menu-item-has-children").click(function(e) { 
     e.preventDefault(); 

    }); 
}); 

希望私はいくつかの意味を成していましたソリューション:)多くの場所でこのコードを使用しないでください）））

`https://jsfiddle.net/mvn7ayun/21/`