我正在尝试从头开始创建一个滑块。当您单击具有类.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");
});
答案 0 :(得分:1)
.hasClass()只希望课程className
不是'.' + className
就这样做。不需要点.
if ($('.slide').hasClass(className)) {
$(".slide").fadeOut("slow");
}