Javascript 如何对具有相同单击事件的两个容器使用Flickity JS？

我有一个简单的div，其中有两个包含图像和一些文本的容器：

<div class="wrapper">
    <div class="img-container">
        <div class="slide-img">
            <img src="img/bg1.jpg" alt="">
        </div>
        <div class="slide-img">
            <img src="img/bg1.jpg" alt="">
        </div>
    </div>
    <div class="text-container">
        <div class="slide-text">
            <p>1</p>
        </div>
        <div class="slide-text">
            <p>2</p>
        </div>
    </div>
</div>

我将得到两个滑块，但我想要一个滑块与一对导航箭头和一页点和相同的事件。 因此，当我单击或拖动导航时，两个容器都应该设置动画。 我该怎么办？ 你能帮帮我吗？

---

提前感谢。

我使用了

asNavFor

选项来触发

img容器

滑块

$（'.img container'）.flickity（）；
//第二转盘，导航
$（'.text container'）.flickity({
asNavFor:“.img容器”，
包含：对，
pageDots:false，
prevNextButtons:false
});
.carousel{
背景：#FAFAFA；
边缘底部：40px；
}
.幻灯片图像{
宽度：100%；
高度：200px；
右边距：10px；
背景：番茄；
边界半径：5px；
}
.文本容器.幻灯片文本{
高度：80px；
宽度：100px；
背景：番茄；
文本对齐：居中；
字体大小：20px；
}
.slide-text.is-nav-selected{
背景：#ED2；
}

一,

二,

将文本和图像放在一个flickity旋转木马中的一张幻灯片中。我不能，因为下一步我将传递一些动画等。因此，如果所有内容都放在一个容器中，我将无法获得想要的动画@进化Xbox那么你就要经历一段复杂的旅程了
$('.img-container').flickity({
    cellAlign: 'left',
    contain: true
});
$('.text-container').flickity({
    cellAlign: 'left',
    contain: true
});