Question

我有一个带有上一个和下一个按钮的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();
}
);

Answer 1

原始初始化

sliderint=1;

将其更改为

sliderInt=1;

它会起作用

Answer 2

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

当前

sliderint=1;
sliderNext=2;

将其更新为

var sliderint=1;
var sliderNext=2;

并使sliderint保持一致sliderint和sliderInt在其他地方

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

JQuery滑块下一个/上一个按钮不能在第一个图像上工作？

2 个答案: