Question

我想在这里提一点帮助。我有两个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
    });
});

使用上面的代码，第二个在几毫秒后启动。如果有人能解决它，我将不胜感激。

Answer 1

由于这些选项相同，我认为

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

会这样做。正确设计的jQuery插件理解它们正在处理元素集。

Answer 2

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

两个相同的jquery插件同时执行

2 个答案: