Bootstrap 4 Modal在转盘内，用于在Modal打开时停止转盘移动

现在，我正在尝试设置某种形式的推荐小部件

我有一个旋转木马与大量的文字和链接，以打开一个模态。当我打开模态时，我希望旋转木马在模态打开的过程中停止循环

到目前为止，我已经尝试了引导文档中的

暂停

和

间隔

选项。以及通过添加/更改数据属性

interval=“false”

实例：

JS尝试二

$(function () {

    $('.open-modal-stop-carousel').on('click', function(){
        $('#carouselExampleControls').carousel({
            pause: true,
            inverval: false
        });
    });

});

我的两次尝试都没有阻止旋转木马骑自行车。我不确定我错过了什么来阻止它。朝正确的方向推动是值得赞赏的。

使用所示的.bs.modal和隐藏的.bs.modal，以及暂停和循环

像这样：

$(function () {

  $('#feedback-expanded-id').on('shown.bs.modal', function () {
    $('#carouselExampleControls').carousel('pause');
  });

  $('#feedback-expanded-id').on('hidden.bs.modal', function () {
    $('#carouselExampleControls').carousel('cycle');
  });

});

$(function () {

    $('.open-modal-stop-carousel').on('click', function(){
        $('#carouselExampleControls').carousel({
            pause: true,
            inverval: false
        });
    });

});

$(function () {

  $('#feedback-expanded-id').on('shown.bs.modal', function () {
    $('#carouselExampleControls').carousel('pause');
  });

  $('#feedback-expanded-id').on('hidden.bs.modal', function () {
    $('#carouselExampleControls').carousel('cycle');
  });

});