同一页面上的多个flexsliders，希望所有具有相同属性的flexsliders

Question

不确定我在这里做错了什么，认为这是相当直接的。我希望我的顶部滑块不能自动启动（我已正常工作）。我想第二个滑块也这样做。每当我向＃secondary-slider添加任何更改时，它们都会退出工作。

<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>

感谢任何帮助。它们都显示完全正确，但第二个滑块需要携带slidershow: false和animation: fade。在此先感谢您的帮助！