Javascript bootstrap4转盘-停止滑入'；幻灯片.bs.旋转木马'；事件

我正在尝试使用bootstrap4 carousel执行两个步骤：

• 第一个旋转木马项目用于身份验证（it用户名和密码字段）
• 第二个用于授权（列出用户有权访问的组，并要求用户选择一个）

在通过javascript代码转到下一张幻灯片之前，我想检查用户id和密码是否有效。我有

.carousel（'pause'）

，但我无法阻止转到下一张幻灯片。此外，我不想有一个额外的按钮来检查内容

$('#myCarousel').on('slide.bs.carousel', function (e) {
    // authentication check here

    if (isAuth === false) 
    {
        // stay on this slide
    }
    else
    {
        // move the next one
    }

})

有没有办法做到这一点

注意：我通过设置

data interval=“false”

禁用了自动滑动。用户手动在幻灯片之间导航，即通过单击或箭头键。

使用以下方式：

$('#myCarousel').on('slide.bs.carousel', function (e) {
// authentication check here

if (isAuth === false) 
{
   $('#myCarousel').carousel('pause');
   return false; // stay on this slide
}
else
{
   $('#myCarousel').carousel('cycle');
   return true; // move the next one
}

---

})

要在触发

slide.bs.carousel

事件后停止幻灯片，请调用事件变量上的

preventDefault（）

。这适用于自动和手动触发的幻灯片事件

$('#myCarousel').on('slide.bs.carousel', function (e) {
    // checks here        
    if (stop) {
        e.preventDefault();
    }
})

有关引导源的相关位，请参阅

如果您启用了自动循环，这也将允许您暂停旋转木马，因为它不会在稍后的幻灯片功能中自动恢复（请参阅）

---

请参见示例（JSFiddle）。

您可以发布其余代码吗？