jQuery - 单击 div 上的事件，但不单击 div 中的复选框

Question

我正在尝试在 div 上设置单击事件，并且如果在 div 中除复选框之外的任何位置单击该 div，我希望触发该事件。如果单击该复选框，我不希望触发 div 的单击事件。我在复选框上设置了一个单击事件并返回 false，这会停止 div 的单击事件，但也不允许选中该复选框。这是我现在拥有的:

$('.theDiv').click(function() {
    // Click event for the div, I'm slide toggling something
    $('.sub-div', $(this)).slideToggle();
});

$('.checkboxInTheDiv').click(function() {
    // Do stuff for the checkbox click, but dont fire event above
    return false; // returning false won't check/uncheck the box when clicked
})

Answer 1

不要返回 false(这会阻止默认操作)，而是尝试停止传播。

$('.checkboxInTheDiv').click( function(e) {
    e.stopPropagation();
    ... other stuff...
    return true;
});