Bootstrap Carousel幻灯片根本不起作用

文章/答案/技术大牛

发布

1回答

iPhone设备上的引导转盘双滑动故障

iphone、safari、carousel

我只想问一下，如果有人知道如何修复iPhone设备上的引导转盘故障，它会自动播放，但幻灯片出现故障或其他问题，每个项目都会有两张幻灯片。仅适用于iPhone X-11 / safari浏览器。

浏览 28提问于2020-07-28得票数 0

1回答

我想要更改carousel-item.active显示属性

slider、carousel

我想将carousel-item.active display属性块更改为display:flex.Give。

浏览 0提问于2019-04-26得票数 0

1回答

carousel

我看过类似的问题“Boostrap carousel不起作用”。计数找不到任何错误。<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css"> <script

浏览 7提问于2018-09-10得票数 1

8回答

在幻灯片末尾停止Twitter Bootstrap Carousel

javascript、jquery、twitter-bootstrap、carousel

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

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

回答已采纳

1回答

Twitter Bootstrap carousel不能在旧版浏览器上运行

jquery-plugins、cross-browser、carousel、twitter-bootstrap、css-transitions

，这应该足够运行Twitter Bootstrap了： <div class="carousel-inner"> <div class="item"></div> <div class="item"></

浏览 0提问于2012-02-12得票数 4

回答已采纳

9回答

Twitter Bootstrap Carousel -访问当前索引

javascript、jquery-plugins、twitter-bootstrap

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

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

回答已采纳

2回答

有没有办法不设置bootstrap carousel的高度，让它根据设置为100%的图像宽度自动计算出高度？我知道它会在幻灯片之间上下跳动，这很好。目前我在bootstrap html中有： <div id="carousel" class="carousel slide carousel-fade" data-ride="carousel"><div class="

浏览 24提问于2016-08-18得票数 1

2回答

如何同步/链接2引导5传送带

javascript、html、bootstrap-5

旋转木马-a看起来如下(旋转木马-b是相同的)： </div> <di

浏览 6提问于2021-12-16得票数 3

1回答

图像切换时未出现幻灯片动画

javascript、html、twitter-bootstrap、carousel

我有Bootstrap旋转木马工作，但没有“幻灯片”动画。它只是替换了图像。我在和上查过了，但那里的处方似乎对我不起作用。HTML <title>LessonUp - Learn Piano Faster</title> <!" rel="stylesheet" media=&qu

浏览 0提问于2012-12-23得票数 1

1回答

引导旋转木马指示器，下一步，先前和动画不起作用

twitter-bootstrap、carousel

我在引导旋转木马的工作中遇到了以下问题： <div clas

浏览 14提问于2021-12-11得票数 1

1回答

响应移动视图中的引导转盘高度差

jquery、html、css、twitter-bootstrap、bootstrap-4

以下是问题所在：假设在旋转木马的每张幻灯片中，我最多有4张图像，它们位于col-md-3.col-12目录中 <div id="carouselExampleControls" class="carouselslide" data-ride="carousel"> <div class="carousel-item

浏览 10提问于2019-09-16得票数 0

1回答

引导旋转木马-如何获得幻灯片上的计数

javascript、jquery、twitter-bootstrap

捕捉幻灯片/幻灯片事件以确定第一个图像何时完成，然后添加回“前一个”控件？ <div id="myCarousel" class="carousel slide"> <div class="carousel-inner">/<e

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

回答已采纳

1回答

Bootstrap Carousel不显示指示器和列表不工作

javascript、jquery、html、twitter-bootstrap

我正在使用bootstrap carousel (* bootstrap-carousel.js v2.2.2)。问题是，包含转盘指示器的“ol”样式不起作用。当我手动将样式添加到css文件中时，样式正在显示，但当.active类在幻灯片之间更改时，样式似乎不会改变。我的代码是： <ol class="<

浏览 4提问于2014-01-23得票数 0

1回答

bootstrap 4 carousel如果为false，则不移动到另一个幻灯片

javascript、jquery、bootstrap-4、carousel

我有bootstrap 4每张幻灯片包含表单部分，我有下一步按钮，我想要的是不移动到下一张幻灯片，除非变量为true (用于表单验证目的)。我尝试将onclick与preventDefault()连接，但不起作用，也尝试了： $('#c').on('slide.bs.carousel', function () { }) 但是没有工作，怎么才能实现我想要的呢？

浏览 17提问于2020-06-16得票数 1

1回答

一个引导旋转木马能只在一些幻灯片中旋转吗？

jquery、twitter-bootstrap、carousel

$('.carousel').carousel({})1 2 3 A B如何将自动旋转限制为幻灯片12、2和3？

浏览 3提问于2017-02-22得票数 2

回答已采纳

6回答

引导转盘不工作

javascript、twitter-bootstrap

我正在尝试实现Twitter Bootstrap carousel，到目前为止我还没有成功。我有以下页面： <link href="../bootstrap/js/bootstrap-carousel.js"></sc

浏览 2提问于2012-02-20得票数 5

回答已采纳

1回答

ajax调用中的引导旋转木马问题

ajax、twitter-bootstrap-3

引导旋转木马幻灯片在ajax成功调用中不起作用。Ajax调用已经完成，没有任何问题，但是$("#myCarousel").carousel();没有工作&下一张幻灯片没有显示。<link rel="stylesheet" href="resources/css/bootstrap.min.css"> <link rel="stylesheet" href="resourc

浏览 5提问于2014-09-20得票数 1

回答已采纳

1回答

使用Angular-Bootstrap Carousel时出现白色幻灯片

angular、typescript

这是我第一次在Angular中使用Bootstrap的carousel元素，我遇到了一个奇怪的问题，在每次转换之前都会出现一个白色的幻灯片(参见下面的gif )。我按照ng-bootstrap Github页面上的所有基本步骤进行设置，但我找不到问题所在。以下是相关文件：home.html "node_modules/bootstrap/dist/css/<

浏览 0提问于2021-05-29得票数 0

2回答

旋转木马幻灯片(非滑动)事件，引导程序3

javascript、jquery、html、twitter-bootstrap、twitter-bootstrap-3

使用以下代码，Bootstrap 2似乎可以很好地处理幻灯片事件(请参阅)： console.log(;然而，我不能在Bootstrap 3中使用相同的东西(参见)。有人知道为什么吗？

浏览 0提问于2013-11-22得票数 6

回答已采纳

1回答

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

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

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

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

回答已采纳

点击加载更多

iPhone设备上的引导转盘双滑动故障

我想要更改carousel-item.active显示属性