Question

当我使用图像构建滑块时，我遇到了一些问题。我是javascript和jquery的初学者，所以我根据我在codeacademy上所做的事情构建了id（曾经在那里工作很好但是它甚至不再工作）。单击下一个箭头时它工作正常，但是当我单击上一个箭头时它不再起作用。它在控制台中说“Uncaught TypeError：currentSlide.fadeOut（...）。removeCLass不是一个函数”。

这是我的代码：

HTML：

$info = $xpath->evaluate('boolean(//div[contains(@class,"user-info")])');

CSS：

<div class="slider">
    <div class="slide slide1 active-slide">
    </div>
    <div class="slide slide2">
    </div>
    <div class="slide slide3">
    </div>
    <div class="slide slide4">
    </div>
</div>

<div class="slider-nav">
    <a href="#" class="arrow-prev"><img src="images/props/arrow-prev.png"></a>
    <ul class="slider-dots">
        <li class="dot active-dot">&bull;</li>
        <li class="dot">&bull;</li>
        <li class="dot">&bull;</li>
        <li class="dot">&bull;</li>
    </ul>
    <a href="#" class="arrow-next"><img src="images/props/arrow-next.png"></a>
</div>

最后是JAVASCRIPT：

.slider{
    position:relative;
    width:100%;
    height:550px;
}
.slide{
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center;
    display:none;
    position:absolute;
    top:0;
    left:0;
    width:100%;
}
.slide1{
    background-image:url('images/main/slider/1.jpg');
    height:100%
}
.slide2{
    background-image:url('images/main/slider/2.jpg');
    height:100%
}
.slide3{
    background-image:url('images/main/slider/3.jpg');
    height:100%
}
.slide4{
    background-image:url('images/main/slider/4.jpg');
    height:100%
}
.active-slide{
    display:block;
}

Answer 1

我看到的第一个是你调用了removeCLass。大写字母“L”

也许这是你的错。

或者可能是错误的jquery版本。

当我尝试

时

$("body").fadeOut(600).addClass("hello")

它可以正常工作

fadeOut（...）。removeClass不是一个函数

1 个答案: