javascript - jQuery 函数防止在单击时添加/删除类

Question

我试图让一个 div 在被点击时获得一个新类(这使得它展开)，并在点击该 div 内的取消链接时让它回到旧类(这使得它关闭)。

<div class="new-discussion small">
    <a class="cancel">Cancel</a>
</div>

<script>
    $('.new-discussion.small').click(function() {
        $(this).addClass("expand").removeClass("small");
    });
    $('a.cancel').click(function() {
        $('.new-discussion.expand').addClass("small").removeClass("expand");
    });
</script>

现在，添加扩展类可以完美地工作，但只有在我删除此代码后单击取消链接后关闭面板才有效:

$('.new-discussion.small').click(function() {
    $(this).addClass("expand").removeClass("small");
});

所以我猜这一定是阻止了第二个函数的工作，但我真的不明白为什么。

有什么想法吗？谢谢!

Answer 1

试试这个

$('a.cancel').click(function() {
    $('.new-discussion.expand').addClass("small").removeClass("expand");
    return false;
});

原因可能是您的点击事件正在传播到也在监听点击事件的父级。