我需要关注这个jquery代码

时间:2015-05-19 03:14:50

标签: javascript jquery html css

我正在练习一些基本的jquery。我正在制作一个测试功能滑块,它有两个导航按钮,告诉它左右移动。我为右键创建的jquery工作得很好,我使用左导航按钮的相同框架,但它根本不起作用。我不知道为什么。我已经尝试移动左侧导航按钮的代码位置以及其他一些根本不起作用的东西。看看你是否愿意,随时与我分享你的智慧。
提前谢谢!

var main = function() {

        $('.slideLeft').click(function () {

        var currentSlide = $('.active-slide');
        var prevSlide = currentSlide.prev();  

        if (prevSlide.length === 0) {
            prevSlide = $('.slide3');
        }     

        currentSlide.fadeOut(600).removeClass('active-slide');
        prevSlide.fadeIn(600).addClass('active-slide');


    });


    $('.slideRight').click(function () {

        var currentSlide = $('.active-slide');
        var nextSlide = currentSlide.next();

        if (nextSlide.length === 0) {
            nextSlide = $('.slide1');
        }     

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


    });


};

$(document).ready(main);

1 个答案:

答案 0 :(得分:1)

http://jsfiddle.net/9sw1mtrt/6/

在html中改变你的课程:

slideleft

而不是

slideLeft