【问题标题】:Unable to select the children of the next bootstrap carousel slide?无法选择下一个引导轮播幻灯片的子项?
【发布时间】:2016-06-03 15:01:47
【问题描述】:

我正在尝试获取将成为活动项目的轮播图像的 ID。那就是我正在尝试获取幻灯片事件的图像 ID。目前,我有:

function ModalImageCaption () {
   var activeImage =
   $('.carousel').on('slide.bs.carousel', function(event){
       var imageId = $(event.relatedTarget).find('.carousel-inner');
       console.log (imageId);
   });
}

控制台日志暗示有子节点其中之一是图像子节点,因此我将 imageId 变量更新为

var imageId=$(event.relatedTarget).find('.carousel-inner').children('img').attr('id'); 

但它总是以未定义的形式返回,我缺少什么吗?

【问题讨论】:

    标签: jquery twitter-bootstrap


    【解决方案1】:

    你可以尝试这样做:

    $('.gallery-carousel').data("bs.carousel").getActiveIndex()
    

    getItemIndex()
    

    3.2 之后

    来自:

    Twitter Bootstrap Carousel - access current index

    还有:

    https://github.com/twbs/bootstrap/pull/2404#issuecomment-4589229

    【讨论】:

    • 不,不幸的是,这对我不起作用。我厌倦了您建议的直接复制和粘贴版本,然后我尝试了它的不同变体。即使它这样做了,我也不认为它会得到正确的幻灯片,因为据我所知,活动幻灯片在活动结束之前不会改变。而我试图让即将启用的幻灯片。
    • 您是否尝试了 github 网站上给出的所有解决方案?像这样。 $(".carousel").on('slid', function(e){ $(".active", e.target).index()})
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-01-15
    • 1970-01-01
    • 1970-01-01
    • 2016-04-14
    • 2016-09-24
    相关资源
    最近更新 更多