Html 尽管设置了数据间隔，但引导模式转盘第一项滑动过快

在我的网页中，有一个图像库，点击这些图像就会弹出一个模式，其中有一个图像旋转木马（与点击的图像相关）

我使用了HTML、CSS、jQuery和Bootstrap4。 因为图库中有多个图像，所以我通过jQuery数组动态地向modal/carousel添加数据。我已将旋转木马图像的数据间隔设置为4000，第一次加载页面时效果良好，即旋转木马中的第一个图像也需要4秒才能滑动，但当我关闭此模式并单击库中的另一个图像时，其模式旋转木马中的第一个图像滑动得太快

我想不知怎的发生了什么事，例如，在画廊里有两幅图片：树和花。 当我点击树时，模式弹出，第一个转盘图像T1为4s，第二个图像T2为2s，我关闭模式。然后，当我打开Flower的模式时，第一个旋转木马图像F1只得到2秒（因为T2在以前的旋转木马版本中得到了2秒）。我不确定这是否有意义，或者当模态关闭时，旋转木马总是被破坏

我能做些什么来纠正它

编辑 该问题可在以下网址看到：

---

第一张图片的滑动是非常随机的，有时滑动需要时间，有时滑动速度非常快。

我已经检查了指定URL中的代码。我认为您应该在用户单击“取消”图标后立即从DOM中删除上一个旋转木马

请您做以下更改以进行核对

$('#portfolioModal').on('hidden.bs.modal', () => {
    $('.carousel-inner').empty();
});

---

你能添加最少的代码来重现你的问题吗？@Prince Hi，我还在本地主机上工作，因此无法共享结果，你可以查看。单击“查看”按钮触发模式。这将一起删除旋转木马，在再次打开模式时根本不会加载旋转木马。我也尝试过使用.carousel（“dispose”），但也没有解决问题。不确定。。。。我已经更新了代码，我希望你能用新代码再次打开modal。您能再次检查吗？没有区别：/问题是我无法在控制台中运行隐藏事件。是我在关闭模式时触发的事件侦听器添加的吗？我确实编写了您提到的代码，是的，它正在触发，但结果不是我想要的。