javascript - 如何在 Bootstrap 轮播结束时加载 JS 脚本？

Question

我正在使用 Bootstrap 轮播，并通过 AJAX 调用加载幻灯片。

事情是在每个周期之后，我都会发出新的调用来更新轮播的元素。到目前为止，一切都很好。问题是，一旦完整的循环结束，如何调用脚本？

如果我有 10 张幻灯片，每张幻灯片间隔 5 秒，则应在加载第 10 张幻灯片 5 后进行调用。我检查了 Bootstrap 文档，我想它应该以某种方式使用事件“slid.bs.carousel”，但不知道如何在最后一张幻灯片中触发它。

Answer 1

我认为这应该有帮助:

$('.carousel').on('slide.bs.carousel', function ( data ) {
  var lastSlide = $('.carousel-item').length;
  if( data.to == lastSlide ) {
    //ajax
  }
});

其中 data.to 是下一项的索引。