如何使自动和手动图像滑块在一个页面中，但在不同的图像容器？

<div id="auto-slider"></div>
<div id="manual-slider"></div>

<script src="slick.min.js"></script>
<link rel="stylesheet" type="text/css" href="slick.css"/>
<script>
    $(document).ready(function(){
        $('#auto-slider').slick({
            autoplay: true,
            autoplaySpeed: 2000,
            // 其他配置项
        });
    });
</script>

<script src="slick.min.js"></script>
<link rel="stylesheet" type="text/css" href="slick.css"/>
<script>
    $(document).ready(function(){
        $('#manual-slider').slick({
            autoplay: false,
            // 其他配置项
        });
    });
</script>