jQuery循环——用autostop破坏了一个循环,重新启动了它,现在它在第二张幻灯片上停止,而不是全部完成
我有一个jQuery循环滑块。team_spotlight有9个幻灯片。它被设置为自动停止。在autostop之后,它应该触发一个自定义函数来销毁滑块,然后重新启动所有操作 滑块第一次通过所有9个幻灯片时,效果非常好。但是,在滑块被破坏,然后重新启动后,它会在第二个滑块上停止,而不是在所有9个滑块上循环 这种奇怪设置的原因是每次幻灯片播放时,我都会在寻呼机上添加一个自定义类翻转。你可以想象我的寻呼机是这样的——活动页面是黄色的,之前的页面是红色的,接下来的页面是绿色的。我还在每个页面中插入唯一的ID,这样我就可以做更多的样式设置了 完成所有幻灯片后,我需要重置寻呼机,因为当我们循环回到第一张幻灯片时,我需要所有页面再次变为绿色。因此,循环的破坏和重新开始 如果有更好的方法在不破坏滑块的情况下实现这种颜色效果,我洗耳恭听。否则,我需要修复为什么循环在被破坏并重新启动后会卡在第二张幻灯片上 我的javascript:jQuery循环——用autostop破坏了一个循环,重新启动了它,现在它在第二张幻灯片上停止,而不是全部完成,jquery,cycle,jquery-cycle,Jquery,Cycle,Jquery Cycle,我有一个jQuery循环滑块。team_spotlight有9个幻灯片。它被设置为自动停止。在autostop之后,它应该触发一个自定义函数来销毁滑块,然后重新启动所有操作 滑块第一次通过所有9个幻灯片时,效果非常好。但是,在滑块被破坏,然后重新启动后,它会在第二个滑块上停止,而不是在所有9个滑块上循环 这种奇怪设置的原因是每次幻灯片播放时,我都会在寻呼机上添加一个自定义类翻转。你可以想象我的寻呼机是这样的——活动页面是黄色的,之前的页面是红色的,接下来的页面是绿色的。我还在每个页面中插入唯一的
function paginate(ind, el) {
return '<a class="slidenav" id="slide' + ind + '"></a>';
}
function shifttab() {
$('.activeSlide').addClass('flip');
}
function resettabs() {
$('.team_spotlight').cycle('destroy');
tabsanim();
}
function tabsanim() {
$('.team_spotlight').cycle({
fx: 'fade',
pause: 1,
speed: 0,
timeout: 4000,
cleartypeNoBg: true,
pager: '#pagernav',
pagerAnchorBuilder: paginate,
pagerEvent: null,
after: shifttab,
autostop: 1,
end: resettabs
});
}
$(document).ready(function() {
tabsanim();
});
编辑:
destroy bug仍然存在,修复它会很有用
然而,我已经能够通过操纵当前页面及其同级页面来复制我想要的效果。我不再需要销毁并重新启动滑块。尝试注释掉或删除该行: autostop: 1, 。。。。。。。。。。。。。。。。。 下面的计时器没有解决问题,但上面的更改解决了问题
function resettabs() {
$('.team_spotlight').cycle('destroy');
setTimeout("tabsanim()",300);
}
没有,没有修好。同样的行为。不管计时器是什么,我通过删除选项属性autostop:1测试了您的代码,请参见第一次迭代上面的我的答案,我需要autostop。我不再看到我的编辑,因此,甚至不需要销毁任何东西。但仍然不确定是什么导致了最初的bug。嗨,我提交了一份bug报告,其中包含一个可能的修复:
function resettabs() {
$('.team_spotlight').cycle('destroy');
setTimeout("tabsanim()",300);
}