Javascript 同一页上有多个FlexSlider,希望所有FlexSlider都具有相同的属性

Javascript 同一页上有多个FlexSlider,希望所有FlexSlider都具有相同的属性,javascript,jquery,Javascript,Jquery,我不确定我做错了什么,认为这是相当直接的。我希望我的顶部滑块不会自动启动(我的工作正常)。我希望第二个滑块也这样做。每当我对#辅助滑块添加任何更改时,它们都会停止工作 <div id="main-slider" class="flexslider"> <ul class="slides"> <li><img src="Images/Web/M2M/1.jpg" /></a></li>

我不确定我做错了什么,认为这是相当直接的。我希望我的顶部滑块不会自动启动(我的工作正常)。我希望第二个滑块也这样做。每当我对#辅助滑块添加任何更改时,它们都会停止工作

<div id="main-slider" class="flexslider">
    <ul class="slides">
        <li><img src="Images/Web/M2M/1.jpg" /></a></li>
        <li><img src="Images/Web/M2M/2.jpg" /></a></li>
        <li><img src="Images/Web/M2M/3.jpg" /></a></li>
        <li><img src="Images/Web/M2M/4.jpg" /></a></li>
    </ul>
</div>

<div id="secondary-slider" class="flexslider">
    <ul class="slides">
        <li><img src="Images/Web/SRY/1.jpg" /></li>
        <li><img src="Images/Web/SRY/2.jpg" /></li>
        <li><img src="Images/Web/SRY/3.jpg" /></li>
    </ul>
</div>

以下是脚本:

<script type="text/javascript" charset="utf-8">
$(window).load(function() {
    $('#main-slider').flexslider({
        animation: 'fade',
        slideshow: false,
    });

    $('#secondary-slider').flexslider()
});
</script>

$(窗口)。加载(函数(){
$(“#主滑块”).flexslider({
动画:“淡入淡出”,
幻灯片放映:错误,
});
$(“#辅助滑块”).flexslider()
});

感谢您的帮助。它们都显示得非常正确,但第二个滑块需要带上
滑块show:false
动画:淡入
。提前感谢您的帮助

我很困惑。您希望两个滑块工作相同,但只将选项对象发送到第一个滑块?你也应该把它发送到第二个吗?我也是这么想的,但是当我在第二个滑块上添加动画和幻灯片放映选项时,这两个选项都停止了工作。这是一个在一个页面上运行两个flexsliders的版本,我还注意到你的html在第一个滑块中有关闭的锚定标记,而没有打开锚定标记,谢谢各位,非常感谢你们的帮助!