兩個相同的jquery插件同時執行

我想在這裏得到一些幫助。我有兩個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 
    }); 
});

與上面的代碼幾毫秒後的第二次創業。如果有人能解決它，我將不勝感激。

來源

2016-07-29 DMande

*在幾毫秒後第二次啓動* - 使用'''setTimeout''' –

@MichalStefanow：我認爲目標是爲了*不*發生。 –

由於這些選項是相同的，我倒是覺得

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

會做到這一點。設計合理的jQuery插件明白他們正在處理一系列元素。

來源

2016-07-29 14:34:11

我試過了，但它不起作用。其他解決方案？ – DMande

@DMande：如果插件不支持將元素鏈接在一起，那麼不可以，可能不會 - 使用該插件。 –

$(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？

來源

2016-07-29 14:34:55 bresleveloper

兩個相同的jquery插件同時執行

回答

相關問題