如何使用jQuery防止在另一个单击事件中活动类上的单击事件

前端之家收集整理的这篇文章主要介绍了如何使用jQuery防止在另一个单击事件中活动类上的单击事件前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有几个项目已通过点击它们得到.active class.现在,我不需要在任何.active类中发生任何点击事件.我有很多点击功能,使项目有效.因此,为了防止点击活动类,我在其他地方编写了prevent函数,并在每个单击函数调用它们.但是,它没有用.
$('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

解决方法

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

DEMO

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

猜你在找的jQuery相关文章