jquery - 如何使用 jQuery 防止另一个单击事件中的事件类上的单击事件

Question

我有几件元素已收到.active通过点击它们来上课。现在，我不需要在任何 .active 发生点击事件。类(class)。我有很多点击功能，使得该项目 active 。因此，为了防止点击事件类，我在另一个地方编写了阻止函数，并在每个点击函数中调用它们。但是，没有成功。

$('body').on('click', '#one', function() {  
   $(this).addClass('active');
   // do something more
    noClickOnActive();
});
$('body').on('click', '#two', function() {  
   $(this).addClass('active');
   // do something more
    noClickOnActive();
}); 

function noClickOnActive() {
    $('body').on('click', '.content.active', function(event) {  
        event.preventDefault()
        event.stopPropagation();
    }); 
};

如何让它发挥作用？

Fiddle work

Answer 1

使用下面的代码。使用 jquery hasClass()函数您可以检查元素是否具有类。它返回 true/false 。

DEMO

 $('body').on('click', '#one', function() {  
   if($(this).hasClass('active')){
      return false;
   }
   $(this).addClass('active');
    alert('clicked');
 });