代码之家 › 专栏 › 技术社区 › LauraNMS

在引导转盘的活动幻灯片中查找元素

carousel twitter-bootstrap jquery

LauraNMS · 技术社区 · 11 年前

我正在尝试对Bootstrap 3旋转木马中的div执行一些操作。但是,我如何找到那个div?

 $('.carousel').on('slid.bs.carousel', function () {
    var carouselData = $(this).data('bs.carousel');
              var currentIndex = carouselData.getItemIndex(carouselData.$element.find('.item.active'));

    //now I know the current item, but how do I change the .description div
    //inside that item?


    });

2 回复 | 直到 11 年前

annismckenzie 10 年前

您的解决方案几乎已完成。对于搜索解决方案并在此处登录的任何人:

$('.carousel').on('slid.bs.carousel', function (e) {
  // mind the e parameter I added               ^ here
  var carouselData = $(this).data('bs.carousel');
  var currentIndex = carouselData.getItemIndex($(e.relatedTarget));

  // but that is unnecessary because the current slide is in e.relatedTarget
  var currentItem = $(e.relatedTarget);
  // currentItem is the current slide's div, use it
});

MTCoster 11 年前

而不是使用 carouselData.getItemIndex ,为什么不直接操作该元素?

carouselData.$element.find('.item.active .description').text("New content here");

推荐文章

krishna amarghade · JS生成具有给定数量和幻灯片计数的数组子集

2 年前

DEGUIDER · Flutter:当我尝试热重新加载以运行应用程序时,我在使用旋转木马滑块时遇到了这个错误“错误:无法解析包的旋转木马滑块”

2 年前

marg · 为什么当我选择下一张或上一张照片时,照片转盘中的当前照片会消失?[下一步/反应]

2 年前

etranz · 如何使图像淡入淡出,而不仅仅在javascript旋转木马中出现一次?

2 年前

ankur ojha · 面向警告动画:未指定“useNativeDriver”。这是必需的选项,必须在react native中显式设置为“true”或“false”

2 年前

bedrock · 如何解决转盘控制位置问题?

2 年前

Marion · 有没有办法通过自动播放来定制另一个react灯箱转盘?

2 年前

Aleks Uher · 引导转盘启动/停止功能

2 年前

BautistaDiSanto · React原生香草旋转木马动画

2 年前

QuietWorld · Glider.js容器与图像宽度相同

2 年前