Question

我正在尝试从头开始创建一个滑块。当您单击具有类.slide-next的元素时，它应检查哪个元素具有类active，然后淡出该元素，以便可以显示下一个滑块。但它似乎没有用。代码如下所示：

$('.slide-next').click(function(){
    var className = "active";
    if ($('.slide').hasClass('.' + className)) {
        (".slide").fadeOut("slow");
    } else {
    }
});

如果有人可以提供帮助，我们将不胜感激。为了您的信息，我编写了滑块以根据用户点击的元素添加active类，如下所示，它工作正常。我只需要知道如何识别某个滑块何时具有类active以便可以逐渐淡出？

$('.slide-welcome').click(function(){
    $( "#slideshow #welcomeSlide").addClass("active").fadeIn("slow");
    $( "#monitorSlide, #manageSlide, #maintainSlide").removeClass("active").fadeOut("slow");
});

$('.slide-monitor').click(function(){
    $( "#slideshow #monitorSlide").addClass("active").fadeIn("slow");
    $( "#welcomeSlide, #manageSlide, #maintainSlide").removeClass("active").fadeOut("slow");
});

$('.slide-manage').click(function(){
    $( "#slideshow #manageSlide").addClass("active").fadeIn("slow");
     $( "#monitorSlide, #welcomeSlide, #maintainSlide").removeClass("active").fadeOut("slow");
});

$('.slide-maintain').click(function(){
    $( "#slideshow #maintainSlide").addClass("active").fadeIn("slow");
    $( "#monitorSlide, #manageSlide, #welcomeSlide").removeClass("active").fadeOut("slow");
});

Answer 1

.hasClass()只希望课程className不是'.' + className

就这样做。不需要点.

if ($('.slide').hasClass(className)) {
    $(".slide").fadeOut("slow");
}

在jQuery中定位某个类

1 个答案: