Question

我有一些处理某些单击事件的jquery代码，但是我遇到了一个问题，即它触发两个单击事件都试图绑定/解除绑定它们，但没有按我希望的那样工作。我已经为演示创建了它的简化版本。

jQuery('.tabs').click(function(e){
  jQuery(this).toggleClass('active');
});

// jQuery('close_slide').click(function()){
//    jQuery(this).parent().parent().removeClass('active');
// });

// Not part of Original question.
// But fixing the typos as they wony cause mention issue.
// Credits: @Jonas W.
jQuery('.close_slide').click(function() {
   jQuery(this).parent().parent().removeClass('active');
});

close slide元素在选项卡中，所以当我单击close slide元素时，它没有按预期移除/

谢谢

Answer 1

只需停止事件传播：

jQuery('.close_slide').click(function(evt) {
  evt.stopPropagation();
  jQuery(this).parent().parent().removeClass('active');
});

jQuery click事件同时触发

1 个答案: