我有一个我为我的网站构建的图像滑块,我设置为每3秒滑动一次(诊断后会慢一点,但我不喜欢等待10秒才能看到错误)。我也设置了它,以便在自动滑动之前,它会检查toSlide
变量是否设置为1(默认值)。当用户点击下一个/上一个链接或某个幻灯片时,它会将toSlide
设置为0。
我的问题是它再次自动滑动,然后将toSlide
设置回1,我无法弄清楚原因。请问有人帮帮我吗?
您可以在my site上看到HTML,这里是Javascript:
//Featured Work Image Slider
// sC = sliderCount
// sA = slideAmount
// pH = pictureHeight
// sT = slideTime
var sC = 1;
var pH = 364;
var sT = 364
var toSlide = 1;
function slide(ms) {
$('#featured-box li').stop().animate({'top':sA},ms);
$('.sN').css({color:'#598dbe'});
$('#sN'+sC).css({color:'#464646'});
$('#fD > div').fadeOut(ms,function(){
$(this).css({display:'none'});
});
$('#fD-'+sC).fadeIn(ms,function(){
$('#fD-'+sC).css({display:'block'});
});
console.log(toSlide);
}
function autoSlide(ms) {
if(sC < 4) {
sC++;
sA = -(sC - 1) * pH;
} else {
sC = 1;
sA = 0;
}
slide(ms);
if(toSlide = 1) {
setTimeout ( "autoSlide(sT)", 3000 );
}
}
$(document).ready(function() {
setTimeout ( "autoSlide(sT)", 3000 );
$('#sL').click(function(){
toSlide = 0;
if(sC > 1) {
sC--;
sA = -(sC - 1) * pH;
} else {
sC = 4;
sA = -3 * pH;
}
slide(sT);
return false;
});
$('#sN').click(function(){
toSlide = 0;
if(sC < 4) {
sC++;
sA = -(sC - 1) * pH;
} else {
sC = 1;
sA = 0;
}
slide(sT);
return false;
});
$('.sN').click(function(){
toSlide = 0;
var sNid = this.id.split('sN');
sC = sNid[1];
sA = -(sC - 1) * pH;
slide(sT);
return false;
});
});
答案 0 :(得分:9)
if (toSlide = 1) {
这是一项不是比较的作业。你想做的事:
if (toSlide === 1) {
改变的全功能:
function autoSlide(ms) {
if(sC < 4) {
sC++;
sA = -(sC - 1) * pH;
} else {
sC = 1;
sA = 0;
}
slide(ms);
if(toSlide === 1) {
setTimeout ( "autoSlide(sT)", 3000 );
}
}
答案 1 :(得分:2)
if(toSlide = 1)应为if(toSlide == 1)
这已经咬了许多c风格的人
答案 2 :(得分:0)
这些家伙的回答是解决方案。我不知道您是否已经使用它,但使用Firebug可以很容易地在代码中找到这些错误。