Question

下面显示的代码适用于图片轮播。右箭头完美无缺。所以我试图对左边的那个做相反的事情，但显然这是不正确的。有没有简单的事情我做错了，或者这根本不是你可以这样做的方式？当我点击它时，什么都没发生。点不移动，也不移动图片。但是右箭头完美地工作，甚至在它到达终点时回绕。我很感激，也感谢所有的帮助。

maven-compiler-plugin

以下是与之相关的HTML：

var main = function(){
"use strict";

$('.right-arrow').click(function(){
    var currentSlide = $('.active-slide');
    var nextSlide = currentSlide.next();

    var currentDot = $('.active-dot');
    var nextDot = currentDot.next();

    if(currentSlide.is(':last-child')){
        nextSlide = $('.slide').first();
        nextDot = $('.dot').first();

    }

    currentSlide.fadeOut(600, function(){

        nextSlide.fadeIn(600).addClass('active-slide');

    }).removeClass('active-slide');

    currentDot.removeClass('active-dot');
    nextDot.addClass('active-dot');


});

$('.left-arrow').click(function(){
        var currentSlide = ('.active-slide');
        var prevSlide = currentSlide.prev();    

        var currentDot = $('.active-dot');
        var prevDot = currentDot.prev();

        if(prevSlide.is(':first-child')){
            prevSlide = $('.slide').last();
            prevDot = $('.dot').last(); 
        }

        currentSlide.fadeOut(600, function(){
            prevSlide.fadeIn(600).addClass('active-slide'); 
        }).removeClass('active-slide');

        currentDot.removeClass('active-dot');
        prevDot.addClass('active-dot');
    });
};


$(document).ready(main);

Answer 1

我认为因为你在变量var currentSlide = ('.active-slide');

中缺少$

旋转木马后退按钮不起作用，为什么？

1 个答案: