Javascript 水平历史时间轴旋转木马，使用Flickity和Vanilla JS对日期进行分组

我正在尝试使用Flickity库创建一个水平历史时间轴旋转木马。我已经掌握了处理数据属性的基本知识，但我仍然坚持实现

数据导航

和

数据导航标题

功能。此功能将用于将

.carousel nav

中的

.carousel单元格

与

.main carousel

中关联的

.carousel单元格

同步

例如，

.carousel nav.carousel单元格

1984-1988将在旋转木马中保持可见，直到用户单击/点击/滚动所有相关的1984-1988幻灯片

下面的代码示例详细说明了当前如何设置结构

我曾尝试在相应的

分区中使用
“asNavFor:”.carousel nav“
和
“asNavFor:”.main carousel“
，但没有成功。我还尝试从
数据导航标题
属性中删除标题，但也没有成功


非常感谢您的任何建议或提示


.carousel容器{
最大宽度：1040px；
保证金：0自动；
背景色：#f7f7f7；
溢出：隐藏；
}
.传送带导航.传送带单元{
显示：内联块；
宽度：100%；
高度：60px；
}
.carousel导航。carousel-cell.is-selected{
字体大小：粗体；
颜色：#A4475B；
}
.旋转木马导航。年终{
位置：绝对位置；
排名：0；
右：0；
}
.主传送带.传送带单元{
宽度：100%；
}
.传送带卡{
宽度：50%；
最小宽度：400px；
裕度：0 10px 0 0；
填充：0；
背景色：#f7f7f7；
}

1984
1988
1989
1992
1993
1999
2000
2002
2003
2005
2006
2012
2013
2020
1984-1988年

Medicine River野生动物中心（MRWC）在一处租赁物业的地下室和谷仓中开始，没有考虑长期计划。他们的设想是，每年可能会有一些野生动物来到马鹿保护区，马鹿保护中心可以帮助照顾它们
在创始人（卡罗尔·凯利）租的房子里

1984-1988年

野生动物恢复在阿尔伯塔省是一个相对较新的概念，尽管MRWC有许多支持者，但也有其他人对此提出质疑，批评这些努力，有些人干脆反对。筹款非常困难。非常
很少有人愿意给他们不理解的东西。设施、车辆、劳动力和许多用品都来自卡罗尔和她的家人。孩子们的游戏室变成了重症监护室，谷仓作为飞行区

1984-1988年

第一年有14名患者，大部分通过马鹿渔业和野生动物部（F&W）入院

1984-1988年

在最初的两年里，MRWC不允许做“野生动物”医院的广告，但不得不自称为“动物”医院

1984-1988年

到第三年，MRWC被允许自称为野生动物医院。马鹿倡导者发表了一篇关于该中心的一页文章，第二年患者人数增加到284人

1984-1988年

卡罗尔联系了许多组织和人士，帮助她增加知识并建立网络，包括卡尔加里动物园、F&；W生物学家、莫里斯·弗莱维尔、克里·伍德自然中心、科尔代尔猛禽中心等。她
加入了两个国际野生动物康复组织并开始参加会议

1984-1988年

她加入了两个国际野生动物康复组织，并开始参加会议

1989-1992年

1989年，班夫公园的一位管理员提出以50000美元的价格将目前的住宅区出售给MRWC。在Morris Flewelling的帮助下，找到了三名共同签署人，他们帮助获得了15000美元的贷款作为首期付款。土地所有者将余额作为
抵押贷款和中心开始建立一个永久设施

1989-1992年

1989年，班夫公园的一位管理员提出以50000美元的价格将目前的住宅区出售给MRWC。在Morris Flewelling的帮助下，找到了三名共同签署人，他们帮助获得了15000美元的贷款作为首期付款。土地所有者将余额作为
抵押贷款和中心开始建立一个永久设施

1993-1999年

用捐赠的劳动力和材料建造了一个四节的大型猛禽笼，用于回收猛禽。这个笼子花了几个月的时间来建造，因为它主要是用捐赠的时间和劳力使用的

1993-1999年

用捐赠的劳动力和材料建造了一个四节的大型猛禽笼，用于回收猛禽。这个笼子花了几个月的时间来建造，因为它主要是用捐赠的时间和劳力使用的

2000-2002年

MRWC的发展进入了一个黑暗时期，银行总部开始取消抵押品赎回权。每天的电话不断地向中心工作人员要钱

2000-2002年

MRWC的发展进入了一个黑暗时期，银行总部开始取消抵押品赎回权。每天的电话不断地向中心工作人员要钱

2003-2005年

通过大量的努力工作和越来越多的支持者，债务得以减少