Jquery 如何使两个bxslider实例同时移动?我试着改变延迟、暂停和自动延迟,但没有成功(
这是我的密码Jquery 如何使两个bxslider实例同时移动?我试着改变延迟、暂停和自动延迟,但没有成功(,jquery,bxslider,Jquery,Bxslider,这是我的密码 $('.bxslider').bxSlider({ mode: 'horizontal', auto: true, controls: false, speed:500, pause: 2000, autoDelay:0 }); $('.names-slider').bxSlider({ mode: 'horizontal', auto: true, controls: false, spee
$('.bxslider').bxSlider({
mode: 'horizontal',
auto: true,
controls: false,
speed:500,
pause: 2000,
autoDelay:0
});
$('.names-slider').bxSlider({
mode: 'horizontal',
auto: true,
controls: false,
speed:500,
pause: 2000,
autoDelay:0
});
您可以使用
auto:false
var sliderone = $('.bxslider').bxSlider({
auto: false
});
var slidertwo = $('.names-slider').bxSlider({
auto: false
});
然后使用setTimeout
或setInterval
同时为两个滑块运行goToNextSlide
功能
var moveSlider = function(){
sliderone.goToNextSlide();
slidertwo.goToNextSlide();
}
setTimeout(moveSlider,2000);
文档中的代码准备好了吗?@WisdmLabs是的,我已将其保存在$(function(){})中在单独的js文件中,尝试在实例化bxSlider时使用ID而不是类名,因为如果您的文档很大,则按类名启动slider只需稍有不同。这是因为,jQuery对ID的运行速度比类名快。@Wisdmlab将其更改为ID也没有帮助。我不明白。两个滑块启动随着时间的推移,它们开始像我预期的那样一起移动。这真的是因为Jquery正在搜索这些元素,然后一旦搜索完成,滑块就会完美地同步吗?对我来说,这似乎是一个性能问题。正如@WisdmLabs所说,无论分配ID或CLASSCerline Boss,你都是一个老板,就像你的名字一样有。我的意思是,这是一个多么美妙的逻辑。它从来没有出现在我的寓言中:(非常感谢。只是一件小事。我用setTimeout代替setInterval来保持循环。非常感谢。而且我没有15+代表,所以不能投票给你,但我很高兴它有帮助。.愉快的编码。