Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/366.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/78.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/unix/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 我需要对这个jquery代码有新的认识_Javascript_Jquery_Html_Css - Fatal编程技术网

Javascript 我需要对这个jquery代码有新的认识

Javascript 我需要对这个jquery代码有新的认识,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我只是在练习一些基本的jquery。我正在制作一个测试功能滑块,它有两个导航按钮来告诉它向左和向右移动。我为右键编写的jquery工作得非常好,我为左导航按钮使用了相同的框架,但它根本不工作。我不知道为什么。我试着移动左导航按钮的代码位置,还有一些其他的东西根本不起作用。如果您愿意,请看一看,并随时与我分享您的jquery智慧。 提前谢谢 var main = function() { $('.slideLeft').click(function () { v

我只是在练习一些基本的jquery。我正在制作一个测试功能滑块,它有两个导航按钮来告诉它向左和向右移动。我为右键编写的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);

更改html中的类:

slideleft
而不是

slideLeft

你能发布相关的标记吗?另外,
.next()
&
.prev()
函数看起来像什么?prev()和next()是jquery函数-看起来不错-你能在小提琴中更新你的标记以重新创建问题吗?凯,我在小提琴中更新了标记。您在使用my jquery之前所做的工作,那么问题不在jquery中吗?我是新来的,所以不要保留任何严厉的批评。就像我说的,这只是我在玩。哪把小提琴@杰森卡里克。链接?@SaidKholov嘿,谢谢你的帮助。看着你的小提琴,我意识到.slideLeft中的“L”在JS中是大写的,而不是在html中。我解决了这个问题,并且我的原始代码工作正常。太令人沮丧了!再次感谢!