Javascript div上的JQuery绑定单击事件

我有一些类似这样的html：

          <div class="vmail vmail-bar normal-vmail-bar" id="pm_<?php echo $pm->to_id; ?>">
                <div class="checkbox"><input type="checkbox" class="checkbox" /></div>
                <div class="vmail-from">
                    <?php echo $pm->Prenume." ".$pm->Nume; ?>
                </div>
                <div class="vmail-content-title"><?php echo $pm->subject; ?> </div>

            </div>  

这两种方法都经过了测试，并且都有效，但是在我对整个div（.vmail）进行了绑定之后，当我单击输入复选框时，绑定到该复选框的事件不起作用，而是触发了该div的事件

---

如果我按下复选框上的单击按钮，我希望触发负责复选框的事件，并取消div click。

您可能希望查看事件的方法。这将防止它“冒泡”到父元素

container.find(':checkbox').bind('click', function(ev) {
    ev.stopPropagation();
    if($(this).is(':checked')) {
     ...
    } else {
     ...
    }
});  

---

您可能需要查看事件的方法。这将防止它“冒泡”到父元素

container.find(':checkbox').bind('click', function(ev) {
    ev.stopPropagation();
    if($(this).is(':checked')) {
     ...
    } else {
     ...
    }
});  

---

这听起来很愚蠢，但是试试css z索引吧！并将复选框置于div上方！这听起来很愚蠢，但是试试css z索引吧！并将复选框置于div上方！