如果为 false，bootstrap 4 carousel 不会移动到另一张幻灯片

Question

我有 bootstrap 4，每张幻灯片都包含表单部分，并且我有下一个按钮，我想要的是不要移动到下一张幻灯片，除非变量为真（用于表单验证目的）。 我尝试将onclick 与preventDefault() 附加，但它不起作用，也尝试过：

$('#c').on('slide.bs.carousel', function () {
       $('#c').carousel(0);
    })

但是没用，怎么实现我想要的？

Answer 1

还有更简单的方法可以解决这个问题。如果您的变量为 false，您可以隐藏整个幻灯片，或者您可以删除它的重要部分，例如针对幻灯片的 href。第一个有利于可用性，因为您不希望您的用户看到不起作用的滑动控件。

更简单的是，您可以将 CSS 添加到将显示设置为无的控件，并使用 jQuery 更改显示属性或在设置变量时将其完全删除。如果设置了变量，您可能需要继续检查循环，因此请查看setInterval。