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({ ... });