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

two same jquery plugins execute simultaneously

本文关键字:jquery 执行 插件 两个      更新时间:2023-09-26

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

上面的代码是几毫秒后的第二次启动。如果有人能修复它,我将不胜感激。

由于这些选项是相同的,我认为

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

设计得当的jQuery插件可以理解他们在处理一组元素。

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