2016-07-29 148 views
0

我想在这里得到一些帮助。我有两个jQuery滑块,但我希望他们同时运行。可能吗?两个相同的jquery插件同时执行

这里是我的代码:

$(function() { 
    $('#slider').camera({ 
     autoAdvance: true, 
     height: 'auto', 
     loader: 'none', 
     navigation: false, 
     pagination: false, 
     thumbnails: false, 
     fx: 'scrollHorz', 
     time: 3000, 
     playPause: false 
    }); 
    $('#slider_small').camera({ 
     autoAdvance: true, 
     height: 'auto', 
     loader: 'none', 
     navigation: false, 
     pagination: false, 
     thumbnails: false, 
     fx: 'scrollHorz', 
     time: 3000, 
     playPause: false 
    }); 
}); 

与上面的代码几毫秒后的第二次创业。如果有人能解决它,我将不胜感激。

+0

*在几毫秒后第二次启动* - 使用'''setTimeout''' –

+0

@MichalStefanow:我认为目标是为了*不*发生。 –

回答

0

由于这些选项是相同的,我倒是觉得

$("#slider, #slider_small").camera({ 
    /* ...options here... */ 
}); 

会做到这一点。设计合理的jQuery插件明白他们正在处理一系列元素。

+0

我试过了,但它不起作用。其他解决方案? – DMande

+0

@DMande:如果插件不支持将元素链接在一起,那么不可以,可能不会 - 使用该插件。 –

0
$(function() { 
    $('#slider, #slider_small').camera({ 
     autoAdvance: true, 
     height: 'auto', 
     loader: 'none', 
     navigation: false, 
     pagination: false, 
     thumbnails: false, 
     fx: 'scrollHorz', 
     time: 3000, 
     playPause: false 
    }); 
}); 

最标准jQuery插件知道到接受元件的阵列,并与在选择,可以选择多个元素。

p.s.该插件很可能会用于每个,所以这里真正的问题是什么?如果它只是跳跃,那么也许你的解决方案是CSS?

相关问题