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