Bootstrap Carousel箭头不更改幻灯片

文章/答案/技术大牛

发布

0回答

javascript、jquery、html、css、twitter-bootstrap

向右和向左的按钮不会改变幻灯片，我不知道为什么。这里有一个指向codepen 的链接<div id="news-carousel" class="carousel</e

浏览 3提问于2017-06-13得票数 0

回答已采纳

3回答

如何使用JavaScript更改轮播(Bootstrap* 4)中的class=“活动”？*

javascript、jquery、css

我对Bootstrap 4中的“carousel”有一个问题。--Carousel Wrapper--><div class="carousel-inner" role="listbox

浏览 4提问于2018-11-20得票数 0

4回答

Twitter Bootstrap Carousel:同时放映的幻灯片

jquery、html、css、twitter-bootstrap

我试图从Bootstrap指南中获取示例旋转木马代码，以便在我的主页上工作，但由于某种原因，我的主页最终在顶部(使用左箭头和右箭头)显示所有主页内容，在其下方再次显示所有主页内容(也使用左箭头和右箭头)单击左箭头和右箭头只会将我滚动到顶部内容和底部内容。<div id="carousel-examp

浏览 1提问于2014-04-11得票数 0

1回答

滑动不工作的第一个幻灯片在启动带旋转木马？

bootstrap-4、bootstrap-carousel

在Carousel上滑动不工作在移动负载(与“数据触摸”被设置为真)，除非我们首先单击下一步按钮。当我尝试在移动设备上滑动到的下一项时，它并不能在第一张幻灯片上工作，但是如果我使用箭头更改幻灯片，然后返回到第一张幻灯片，则滑动会工作。我尝试添加，也尝试了以下JQuery代码：但它没能解决问题。我怎样才能解决这个问题？

浏览 1提问于2021-11-03得票数 0

1回答

引导幻灯片显示前面和下一个按钮/箭头没有显示在中间

javascript、jquery、html、css、twitter-bootstrap

我是新的引导和有困难的时间弄清楚为什么前面的箭头和下一个箭头没有显示在幻灯片图像的中间。下面是我用来将幻灯片添加到页面中的内容。<div id="mainBanner" class="carousel slide" data-ride="carousel"> <!-- Wrap

浏览 3提问于2014-02-17得票数 1

回答已采纳

9回答

Twitter Bootstrap* Carousel -访问当前索引*

javascript、jquery-plugins、twitter-bootstrap

我知道我可以搜索列表条目来找到带有“活动”CSS类的条目，但我想知道是否可以直接请求carousel对象。var idx = $('.carousel-inner li.active').index(); ...and然后根据方向进行加/减，但我希望得到更清晰的结果。

浏览 0提问于2012-03-25得票数 40

回答已采纳

3回答

引导转盘，自动循环，然后停止

jquery、html、css、twitter-bootstrap

我正在使用twitter bootstrap和carousel功能。标记如下所示。只有2张幻灯片，用户可以用箭头在两张幻灯片之间移动，但这不应该触发幻灯片的不断循环。(如果困难，这并不是太重要)。我试着按以下方式更改轮播控件，但我不太明白：<script type="text

浏览 1提问于2013-02-07得票数 1

1回答

在bootstrap中移动幻灯片

twitter-bootstrap

"></script><script src="js/bootstrap-carousel.js"></script<div id="myCarousel" class="carousel slide"> &l

浏览 3提问于2013-04-23得票数 0

回答已采纳

1回答

Bootstrap 3 Carousel按钮偏离中心

twitter-bootstrap、twitter-bootstrap-3、carousel

我使用的是Bootstrap 3旋转木马，上一步和下一步的箭头稍微偏离了中心。我不确定是什么导致了这个问题。bootstrap carousel上的示例页面看起来没问题。您可以在此页面的主幻灯片中看到箭头问题，也可以在页脚上方看到：我真的需要把右箭头带回我的网格范围内。

浏览 0提问于2014-03-25得票数 0

1回答

如何自定义箭头样式以响应响应

javascript、html、css、reactjs

我使用的反应响应旋转木马，但我想样式的幻灯片箭头。我发现google可以更改此文件中的样式，该文件位于节点模块文件夹中。react-responsive-carousel/lib/styles/carousel.min.css

浏览 4提问于2022-04-16得票数 1

1回答

MDB旋转木马幻灯片更换事件

javascript、angular、bootstrap-4、angular-material、carousel

我正在使用angular-bootstrap-md carousel，但我不知道如何捕获幻灯片更改事件。<mdb-carousel [animation]="'slide'" (slide)="onSlide($event)" > </mdb-

浏览 14提问于2019-05-10得票数 0

回答已采纳

1回答

当连续循环被禁用并且滑块不能在该方向上移动时，如何在按钮上添加禁用类？

jquery、twitter-bootstrap、bootstrap-4、carousel

所以第一张幻灯片不能向左移动，最后一张幻灯片不能向右移动。如果幻灯片不能朝那个方向移动，如何在按钮上添加禁用功能和添加类“禁用”？我觉得这是一件基本的事情，我很惊讶地看到Bootstrap没有自动添加它。 <script src="https://cdnjs.cloudflare.com

浏览 0提问于2020-11-30得票数 0

8回答

在幻灯片末尾停止Twitter Bootstrap Carousel

javascript、jquery、twitter-bootstrap、carousel

Bootstrap旋转木马是一个奇怪的野兽。我尝试过调整$next来防止无限循环，但最终要么破坏了它，要么阻止了幻灯片在到达结尾时倒退。我希望旋转木马只在列表中滑动，而不是无限循环。

浏览 1提问于2012-07-12得票数 16

回答已采纳

2回答

css3 html5 -希望能够显示图像，并有向左/向右箭头滚动到下一个

html、css、animation

有没有办法只使用css3和html5代码在页面中央显示图像，并在右侧和左侧显示箭头作为覆盖，当单击时将转换到下一张图像？例如：致以亲切的问候，比尔

浏览 1提问于2013-05-01得票数 2

2回答

我想要实现一个旋转木马，为此，我在Bootstrap v5.1中为它引用了。虽然代码显示了旋转木马，而且正在工作，但是幻灯片是，静态地改变了，我想在旋转木马中添加滑动效果，同时用箭头移动幻灯片。-- CSS bootstrap --> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/css/bootstrap<

浏览 12提问于2021-09-30得票数 1

回答已采纳

8回答

Twitter Bootstrap* Carousel未自动启动*

javascript、twitter-bootstrap、carousel

我在我的网站上有一个用Twitter Bootstrap创建的旋转木马。我不知道为什么当页面加载时，它不会自动启动，它不会启动，直到你点击箭头前进到下一张幻灯片，然后计时器开始计时。从bootstrap文档中可以看到它可以用这个对象进行初始化，但是我应该把它放在哪里呢？$('.carousel').carousel({}) 我的站点有两个javascript文件: jquery-1.7.2.min.js和bootstrap<

浏览 4提问于2013-06-15得票数 20

2回答

引导转盘未向左折行

javascript、jquery、html、twitter-bootstrap、carousel

Bootstrap Carousel按预期工作，只是单击左箭头时不会从第一张幻灯片转到最后一张幻灯片。除了第一张幻灯片外，左箭头的效果很好，然后旋转木马就消失了。$(document).ready(function() { interval: false,});

浏览 5提问于2015-07-19得票数 0

1回答

在旋转木马上显示和隐藏先前和接下来的元素

laravel、bootstrap-4、carousel

我是拉勒维尔和Bootstrap的新手。在数据库中，我用文本填充了几行，我想在每个幻灯片上显示每个行。当我单击箭头时，一行/幻灯片隐藏，而另一行/幻灯片将显示。现在，我把所有的幻灯片和文字放在一起.我找不到一些我可以这样做的javascript： <div id="myCarousel" class="carousels

浏览 0提问于2018-11-03得票数 0

1回答

Twitter Bootstrap* carousel指示器触发的动画不能正常工作*

twitter-bootstrap、carousel

我对Bootstrap carousel有点问题。我已经创建了一个，当我使用箭头(carousel-control)时，它就像是一个魔咒，但当我使用carousel指示器在幻灯片中导航时，只需将当前幻灯片移动到该位置，而不会对其他幻灯片进行动画处理。我的容器变成了透明的白色，然后我看到幻灯片向一边移动。下面是我的一段代码： <div id="main-events" class="carou

浏览 4提问于2013-07-04得票数 0

回答已采纳

1回答

移动浏览器上的引导4旋转木马

jquery、angular、jquery-mobile、bootstrap-4、carousel

我最近开发了一个站点，使用Bootstrap 4(4.4.1)和角7和carousel。现在桌面上的一切都正常工作，点击左右箭头可以正确导航，但是当我在移动设备上加载站点时，在上滑动旋转木马什么也不做。如果我使用箭头都是很棒的，但是当涉及到滑动时，只有使用 Right 箭头才会发生任何事情。在初始滚动通过正确的按钮，滑动工作像一个魅力。因此，我在这里的问题是，我应该做什么，以使旋转木马没有问题，而不首先点击正确的箭头。我试图捕捉幻灯片事件，甚至添加<e

浏览 1提问于2019-12-17得票数 0

回答已采纳

点击加载更多