Question

我想在每次更改时将活动图像的src拉入bootstrap轮播中。下面是我现在所使用的第一张图像，但是当下一张图像闪光时不会改变。

$(document).ready(function() {

    $('#galleryCarousel').on('slide.bs.carousel', function () {  
       var src = $('.active').find('img').attr('src');
       alert(src);
     });  
});

Answer 1

我有同样的问题，这是我的方法。

由于幻灯片是一个动画事件，显然该类在与事件本身不同的时间切换。

$('#galleryCarousel').on('slide.bs.carousel', function () { 
  setTimeout(function(){
    var src = $('.active').find('img').attr('src'); alert(src);
  }, 300);
 });

我已经放了300，但你必须把你用于旋转木马动画的时间相同（默认情况下为180，可能取决于版本），放一个更大的数字会更安全。

Answer 2

您必须使用slid.bs.carousel事件：

$(document).ready(function() {

    $('#galleryCarousel').on('slid.bs.carousel', function () {  
       var src = $('.active').find('img').attr('src');
       alert(src);
     });  
});

https://www.w3schools.com/bootstrap/bootstrap_ref_js_carousel.asp

＆＃34; slide.bs.carouse＆＃34;当旋转木马即将从一个物品滑到另一个物品时，就会发生这种情况。＆＃34; slid.bs.carousel＆＃34;当旋转木马从一个项目滑动到另一个项目时发生

如何在bootstrap轮播中获取当前“活动”图像的src

2 个答案: