Twitter引导程序转盘不会自动启动

Twitter bootstrap carousel does not auto start

本文关键字：自动启动 引导程序 Twitter      更新时间：2023-09-26

我知道之前有人问过这个问题，但那里的解决方案对我不起作用。

我的代码：

<div id="gallerycontainer">
<div class="carousel-inner" align="center" style="margin-top:10px;">
<div class="item active" style="border:5px solid black;"><!-- class of active since it's the first item -->
  <img src="bootstrap/img/slider5.jpg" height="400px"  alt="" />
  <div class="carousel-caption">
    <p>Caption text here</p>
  </div>
</div>
<div class="item" style="border:5px solid black;">
  <img src="http://placehold.it/1200x480" alt="" />
  <div class="carousel-caption">
    <p>Caption text here</p>
  </div>
</div>
<div class="item" style="border:5px solid black;">
  <img src="bootstrap/img/slider3.jpg" height="400px" width="960px" alt="" />
  <div class="carousel-caption">
    <p>Caption text here</p>
  </div>
</div>
<div class="item" style="border:5px solid black;">
  <img src="bootstrap/img/slider4.jpg" height="400px" width="960px" alt="" />
  <div class="carousel-caption">
    <p>Our bedrooms are spacious and extremely luxurious.</p>
  </div>
</div>

`

gallerycontainer是一个自己创建的div，我的旋转木马就放在其中。

我用这个调用了头中的函数：

<script type="text/javascript">
$(document).ready(function(){
$('.carousel').carousel({interval: 2000});
});
</script>

我的问题是，只有在我至少单击一次下一个按钮后，自动幻灯片才会开始。我做错了什么？

Bootstrap V3旋转木马将在页面加载（R-L）时启动滑动转盘。。。。。。

<script>
$(function(){
$('#myCarousel').carousel({interval: 3000});
});
</script>

要更改幻灯片和加载之间的间隔时间，请更改间隔编号；）

也放在文档的标题中。。。。。

不需要jQuery
只需将data ride="carousel"添加到适当的carouseldiv容器中。

<div id="myCarousel" class="carousel slide" data-ride="carousel" data-interval="5000">

尝试给您的旋转木马一个id

试试这个

 $('#myCarousel').carousel({                // For Carousel Image Slider
    interval: 6000,
    cycle: true,
 }).trigger('slid');

myCarousel=转盘的id

<script type="text/javascript">
$(document).ready(function(){
$('.carousel-inner').carousel({interval: 2000});
});
</script>

这通常是因为转盘的默认行为是在鼠标悬停时暂停。

要覆盖它，可以使用属性data pause="；false"；在声明转盘时，例如：

<div id="carouselExample" class="carousel slide carousel-fade" data-pause="false">

尝试将JavaScript文件放在页面末尾之前，而不是放在节上。

参考编号：http://twitterbootstrap.org/twitter-bootstrap-3-carousel-not-automatically-starting/

感谢

相关文章：