如何使用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插件的种类 1、封装对象方法 这种插件是将对象方法封装起来,用于对通过选择器获取的jQuery对象进...
扩展jQuery插件和方法的作用是非常强大的,它可以节省大量开发时间。 入门 编写一个jQuery插件开始于给...
最近项目中需要实现3D图片层叠旋转木马切换的效果,于是用到了jquery.roundabout.js。 兼容性如图: ht...
一、什么是deferred对象? 开发网站的过程中,我们经常遇到某些耗时很长的javascript操作。其中,既有异...
AMD 模块 AMD(异步模块定义,Asynchronous Module Definition)格式总体的目标是为现在的开发者提供一...