jquery停止子触发父事件

小编典典

jquery停止子触发父事件

all

我有一个已附加onclick事件的 div。在这个 div 中有一个带有链接的标签。当我单击链接时，onclick也会触发来自 div
的事件。我怎样才能禁用它，以便如果单击 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>

阅读 59

2022-06-04

共1个答案

小编典典

做这个：

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

如果你想了解更多关于 .stopPropagation()
的内容，请看这里。

2022-06-04