javascript - jQuery多滑块一次改变幻灯片

Question

我正在使用slidesjs ，我想制作多个滑块

我有 2 个滑块#show和#show2，我希望 2 个滑块 1 次工作：幻灯片将在一次更改。

现在 1 个滑块幻灯片比 2 个更早更改，我的代码有什么问题？

我希望幻灯片一次更改：

<script>
        $(function(){
            $("#show").slidesjs({
                width: 900,
                height: 300,
                navigation: false,
                pagination: {active:   false},
                play: {
                    auto: true,
                    pauseOnHover: true,
                    effect: "fade",
                },
                effect: {
                    slide: {                                                     
                        speed: 200                                                 
                    },
                    fade: {
                        speed: 300,                                               
                        crossfade: true                                
                    }
                }
            });
            $("#show2").slidesjs({
                width: 900,
                height: 300,
                navigation: false,
                pagination: {active:   false},
                play: {
                    auto: true,
                    pauseOnHover: true,
                    effect: "fade",
                },
                effect: {
                    slide: {                                                     
                        speed: 200                                                 
                    },
                    fade: {
                        speed: 300,                                               
                        crossfade: true                                
                    }
                }
            });
        });
    </script>   

我尝试.ready但幻灯片也会在不同的时间改变

Answer 1

给他们两个班级，同时瞄准他们。

<div class="sliders" id="show"></div>
<div class="sliders" id="show2"></div>

JS：

$(".sliders").slidesjs({ ... });