JQuery滑块下一个/上一个按钮不适用于第一张图像？答案

【问题标题】：JQuery slider next / previous buttons not working on the first image?JQuery滑块下一个/上一个按钮不适用于第一张图像？
【发布时间】：2016-06-11 16:32:08
【问题描述】：

我有一个带有上一个和下一个按钮的 jQuery 幻灯片，它工作正常，但是！当页面首次加载并按下按钮时，没有任何反应！当页面加载/刷新时，这些按钮适用于幻灯片放映中的所有其他图像，但不适用于第一个图像？我不太擅长 jQuery，如果有任何帮助，我将不胜感激......

我做了一个小提琴，但按钮在小提琴中根本不起作用！但是，您可以查看代码并可能发现此错误：jsfiddle.net/Margate/QB7W9/

这是一个链接到所有运行的违规页面（除了第一张图片上的按钮！）：http://www.darrenmorton.com/example/index.html

提前感谢您的帮助，

马盖特：）

sliderint=1;
sliderNext=2;

$(document).ready(function(){
    $("#slider>img#1").fadeIn(300);
    startSlider();
});

function startSlider(){
    count=$("#slider>img").size();

loop=setInterval(function(){

if(sliderNext>count){
    sliderNext=1;
    sliderInt=1;
}

$("#slider>img").fadeOut(300);
$("#slider>img#" + sliderNext).fadeIn(300);

sliderInt=sliderNext;
sliderNext=sliderNext+1

},15000)
}

function prev(){
    newSlide=sliderInt-1;
    showSlide(newSlide);
}

function next(){
    newSlide=sliderInt+1;
    showSlide(newSlide);
}


function stopLoop(){
    window.clearInterval(loop);
}

function showSlide(id){
    stopLoop();
    if(id>count){
    id=1;
}else if(id<1){
id=count;
}

$("#slider>img").fadeOut(300);
$("#slider>img#" + id).fadeIn(300);

sliderInt=id;
sliderNext=id+1;
startSlider();
}

$("#slider>img").hover(
function (){
    stopLoop();
},
function(){
startSlider();
}
);

【问题讨论】：

标签： jquery button slideshow

【解决方案1】：

原始初始化

sliderint=1;

改成

sliderInt=1;

它会起作用的

【讨论】：

:) 已修复！！！！我的话！我坐在这里笑，因为这只是我和我之间的区别，过去两天我一直在拔头发试图解决这个问题！只是显示了代码是多么细致！我要去学习更多的 Jquery，我花了几个小时试图解决这个问题。我不是很好，所以在一百万年后永远不会看到...非常感谢您的帮助。我希望其他人可以从中了解编码的详细程度......

【解决方案2】：

在你的js中初始化以下变量

当前

sliderint=1;
sliderNext=2;

更新到

var sliderint=1;
var sliderNext=2;

并使sliderint 一致，在其他地方是sliderint 和sliderInt

查看http://jsfiddle.net/raunakkathuria/QB7W9/1/

【讨论】：

检查更新的答案，让 js fiddle 工作
Raunak - 完美运行。非常感谢您的帮助。我会将此副本保存在我的文件中以供将来参考。亲切的问候，