タッチスタートと防止デフォルトの子ブロックのリンク

Question

私はデスクトップのホバー上でdiv（＃my-menu）を開くリンク（＃my-link）を持っています。この部門の中に小さなメニューがあります。

今私はそれをモバイルでタップで動作させようとしています。

私はこのコードを持っているが、私はdivの内側のリンクをクリックすることはできません。

$('#my-link').on('touchstart', function (e) {   
    e.preventDefault();   
    $('#my-menu').load(...Im loading content here...); 
    $('#my-menu').toggle(); 
}); 

任意のヘルプ？私はでpreventDefaultは、これらのリンクをブロックしていると思う...

HTMLマークアップ：

<a href="example.com" id="my-link">Lorem ipsum</a> 
<div id="my-menu"> 
<a href="example.com">Lorem ipsum</a> 
<a href="example.com">Lorem ipsum</a> 
<a href="example.com">Lorem ipsum</a> 
</div> 

はEDIT：

<div id="my-link"><a href="example.com">Lorem ipsum</a></div> 

：

は、私のような、リンクタグをラップする問題を解決することができました

と入力し、最初のスクリプト行を次のように変更します。

$('#my-link > a').on('touchstart', function (e) { 

Answer 1

event.preventDefault()は、要素のデフォルトアクションを実行できないようにします。この場合、<a></a>タグのデフォルトは、サーバーに要求を送信することです。一部のタグにはデフォルトアクションがないため、<div></div>,<h1></h1>などのタグを使用する必要があります。 <a></a>タグを使用する必要がある場合は、リンクが何もしないようにする<a href="javascript:void(0)"></a>を実行してください。

More Info on event.preventDefault()