Jquery 淡出/淡出显示，但如果您已处于活动状态，则不执行任何操作

看到我的JSFIDLE；，你就会明白我的问题：

一切运行正常，但如果单击活动的拇指，则会启动淡出/淡出过程：

我只是想通过说如果当前拇指处于活动状态，当你点击它时，什么也不做来完成这个功能

我是jQuery的初学者，我正在努力做到最好

谢谢你的阅读。 尼古拉斯

一点CSS：

#xmas-slides-wrapper {
position:relative;
height:250px;
width:550px;
text-align:center;
}

#xmas-slide {
margin-bottom:20px;
height:200px;
width:550px;
overflow:hidden;
position:relative;
}

#xmas-slide .slides {
display:none;
position:absolute;
top:0;
left:0;
}

#thumb-select .thumb {
display:inline-block;
margin:0 10px;
}

#thumb-select {
position:absolute;
bottom:0;
left:0;
text-align:center;
width:100%;
}

你应该使用hasClass

不是逻辑非。它用于排除所选元素或选择不匹配的元素

如果您只想检查一个类，您可以使用hasClass，但如果您需要通过选择器检查条件，您知道不必是类名，您可以使用：first，id等。您的选择器是吗

检查以下代码并查看差异

if ($(this).hasClass('active') ) {

}

或

或

---

谢谢！就是这样，现在它工作起来就像我想要的一样，由你的两个答案组合而成：

$('.slides.active').show();

$('.thumb').each(function() {
    $(this).click(function() {
        if (!$(this).hasClass('active')) {
            $('.thumb.active').removeClass('active');
            $(this).addClass('active');        
            var thumbActif = $(this).attr('id');
            $('.slides.active').fadeOut('slow');        
            $('.slides.active').removeClass('active');
            $('#' + thumbActif + '-ban').addClass('active');
            $('.slides.active').fadeIn('slow');
        }
    });
});

if ( !$(this).hasClass('.active') ) {
    //not active
}

if ($(this).hasClass('active') ) {

}

if ($(this).is('.active') ) {

}

if ($(this).is('.active:first') ) {

}

$('.slides.active').show();

$('.thumb').each(function() {
    $(this).click(function() {
        if (!$(this).hasClass('active')) {
            $('.thumb.active').removeClass('active');
            $(this).addClass('active');        
            var thumbActif = $(this).attr('id');
            $('.slides.active').fadeOut('slow');        
            $('.slides.active').removeClass('active');
            $('#' + thumbActif + '-ban').addClass('active');
            $('.slides.active').fadeIn('slow');
        }
    });
});