从当前索引引导4检索轮播字幕,并在另一个div中显示

时间:2019-01-22 09:19:34

标签: jquery bootstrap-4

我正在尝试在另一个div中显示bootstrap 4轮播中的轮播文本。

到目前为止,我可以获取当前索引,也可以分别获取文本,但是我无法确定如何将两者结合在一起。

我的代码在下面,任何人都可以帮助解决问题。

$('#carousel-1').on('slide.bs.carousel', function(e){
  e.from          // The index of the current item. 
    alert(e.from);
});

$(".carousel-text").append($(".carousel-caption").html()); 

-------------更新----------------------------

我可以使用它,但是现在显示轮播字幕的时间有所延迟

因此,幻灯片2将显示幻灯片1的标题

我尝试添加setTimout来匹配滑块间隔,但是没有运气

新代码

$('#carousel-1').on("slide.bs.carousel", function(e){
var carouselText = $('.active').find('.carousel-caption').html();
    $(".carousel-text").append(carouselText).html("");
     $(".carousel-text").append(carouselText).html();
 });

1 个答案:

答案 0 :(得分:0)

修复此问题,如果有人遇到此问题,这是我的工作代码

.innerHTML