[英]Is there any way to bind a click event to a div's left border in jquery?
[英]JQuery bind click event on div
我有一些像這樣的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>
和以下Jquery:
// Read message - bind click on entire div ( the div includes the checkbox)
container.find('.vmail').bind('click', function() {
var id = $(this).attr('id').replace("pm_","");
getPM(id);
});
// bind click on checkbox
container.find(':checkbox').bind('click', function() {
if($(this).is(':checked')) {
...
} else {
...
}
});
兩種方法都經過測試並且有效,但是在我對整個div(.vmail)進行綁定之后,當我點擊輸入復選框時,復選框中的事件不起作用,而是觸發了div的事件。
我希望負責復選框的事件單擊以觸發,如果我按下復選框,則單擊要取消div。
您可能希望查看事件的stopPropagation
方法。 這將阻止它“冒泡”到父元素。
container.find(':checkbox').bind('click', function(ev) {
ev.stopPropagation();
if($(this).is(':checked')) {
...
} else {
...
}
});
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.