当我应该在 boostrap 轮播中添加活动类时,为啥要在左边添加类

Posted

技术标签:

【中文标题】当我应该在 boostrap 轮播中添加活动类时,为啥要在左边添加类【英文标题】:why add the class next left when I should add the active class in the boostrap carousel当我应该在 boostrap 轮播中添加活动类时,为什么要在左边添加类 【发布时间】:2019-01-18 12:59:18 【问题描述】:

我想要做的是,当我的问题有一个计时器并且用户下一个时,该问题消失了,我无法回答。

代码:

var timer = $(".active").attr('data-timer');
if (timer == undefined) 
    var $carousel = $('#carousel');
    var NextElement = $carousel.next('.item').first();
    NextElement.addClass('active');
    $('.timer').remove();
 else 
    var $carousel = $('#carousel');
    var ActiveElement = $carousel.find('.item.active');
    ActiveElement.remove();
    var NextElement = $carousel.next('.item');
    NextElement.addClass('active');
    $('.timer').remove();

它什么都做,除了当它进入 else 而不是在我的轮播中添加 active 时,它​​会在左下角添加类。

而不是添加这个类,它应该是活动的,所以当它重新进入时,如果幻灯片不再工作。甚至添加以下内容:

var NextElement = $carousel.next('.item').first();

【问题讨论】:

【参考方案1】:

这是.first

只用var NextElement = $carousel.next('.item'),next只返回一个元素https://api.jquery.com/next/

【讨论】:

以上是关于当我应该在 boostrap 轮播中添加活动类时,为啥要在左边添加类的主要内容,如果未能解决你的问题,请参考以下文章

单击下一个/上一个图像时,将滑块移动到反应光滑的轮播中

图像轮播中的双“活动”类

当我提出新请求时,Ajax http 请求将以前的图像加载到轮播中

Flutter 让用户在轮播中添加图片

我无法使用引导程序将图像链接到我的轮播中主机上的页面

如何在轮播中使横向和纵向图像完全响应且高度相同?