[解決済み】jquery stop child triggering parentイベント

質問

divに onclick この div の中に、リンクの付いたタグがあります。このリンクをクリックすると onclick イベントもトリガーされます。これを無効にして、リンクがdiv上でクリックされると onclick は発生しないのですか？

スクリプトを使用します。

$(document).ready(function(){
    $(".header").bind("click", function(){
         $(this).children(".children").toggle();
    });
})

htmlのコードです。

<div class="header">
    <a href="link.html">some link</a>
    <ul class="children">
        <li>some list</li>
    </ul>
</div>

解決方法は？

こうしてください。

$(document).ready(function(){
    $(".header").click(function(){
        $(this).children(".children").toggle();
    });
   $(".header a").click(function(e) {
        e.stopPropagation();
   });
});

もし、あなたが .stopPropagation()の詳細については、こちらをご覧ください。 .