在jQuery中定位某个类

时间:2014-01-22 17:02:48

标签: jquery jquery-selectors slider

我正在尝试从头开始创建一个滑块。当您单击具有类.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");
});

1 个答案:

答案 0 :(得分:1)

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

就这样做。不需要点.

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