javascript - 单击子元素时 toggleClass 不起作用

Question

我正在使用 .toggleClass 在我的网站上隐藏/显示 div，它按我想要的方式工作，但仅当我点击 div 本身而不是它的子元素(三个 span)时，我必须只点击 div 本身，但我不明白的是为什么它检测到点击但确实单击这些跨度时不执行 toggleClass 吗？

HTML :

<div class="ClicLog Login" id="BoutonLogin">
    <span class="ico-Login"></span>
    <span class="noMobile" id="boutonConnectText">MON COMPTE</span>
    <span class="ico-Menu"></span>
</div>

Javascript:

$('.ClicLog').click(function () {
    console.log("clic !");
    $('.nocollapse').toggleClass('LoginTest');
});

谢谢!

Answer 1

您仅将事件处理程序附加到 div 而不是其子项。

试试这个:

$('.ClicLog > span').click(function () {
    console.log("clic !");
    $('.nocollapse').toggleClass('LoginTest');
});