Javascript Swiper滑块没有'；t播放滑块时更新滑块活动状态

出于某种原因，我不得不使用Swiper Slider V4.5.3。我设置了旋转木马和内容滑块，但是当单击旋转木马幻灯片项目时，它应该会更改当前项目的活动状态，但不会。活动状态始终在第一项时停止

我尝试了很多方法来修复它，但没有成功。即使添加slideChange事件以输出activeIndex值，它也始终显示0

希望任何人都能给我正确的方向。谢谢

var Nav=new Swiper（“#Nav”{
间距：0，
幻灯片视图：4，
watchSlidesVisibility：正确，
watchSlidesProgress：对
});
var NavContent=新的Swiper（“#content”{
间隔时间：20，
拇指：{
swiper:Nav
}
});
.swiper幻灯片处于活动状态{
颜色：#f00；
}
.滑梯{
光标：指针；
}
#内容{
边缘顶部：2米；
}

导航1
导航2
导航3
导航4
导航5
内容1
内容2
内容3
内容4
内容5
您是否尝试过在内容之后移动脚本？还有，控制台中有错误吗？是的，我尝试将脚本移动到内容下方，结果相同。控制台中没有错误。在代码笔上复制它让我们看到有多容易？