Javascript 推特引导转盘不会自动启动
我知道之前有人问过这个问题,但是那里的解决方案对我不起作用 我的代码:Javascript 推特引导转盘不会自动启动,javascript,jquery,twitter-bootstrap,Javascript,Jquery,Twitter Bootstrap,我知道之前有人问过这个问题,但是那里的解决方案对我不起作用 我的代码: <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 fi
<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>
我的问题是,只有在我至少单击一次“下一步”按钮后,自动幻灯片才会启动。我做错了什么?试着给你的传送带一个id 试试这个
$('#myCarousel').carousel({ // For Carousel Image Slider
interval: 6000,
cycle: true,
}).trigger('slid');
myCarousel=carousel的id尝试为您的carousel提供一个id
<script type="text/javascript">
$(document).ready(function(){
$('.carousel-inner').carousel({interval: 2000});
});
</script>
试试这个
$('#myCarousel').carousel({ // For Carousel Image Slider
interval: 6000,
cycle: true,
}).trigger('slid');
myCarousel=carousel的id
<script type="text/javascript">
$(document).ready(function(){
$('.carousel-inner').carousel({interval: 2000});
});
</script>
$(文档).ready(函数(){
$('.carousel-inner').carousel({interval:2000});
});
$(文档).ready(函数(){
$('.carousel-inner').carousel({interval:2000});
});
引导V3旋转木马
将在页面加载时启动滑动转盘(R-L)
$(函数(){
$('myCarousel')。carousel({interval:3000});
});
要更改幻灯片和加载之间的间隔时间,请更改间隔数;)
还可以将其放在文档的头部….引导V3旋转木马
将在页面加载时启动滑动转盘(R-L)
$(函数(){
$('myCarousel')。carousel({interval:3000});
});
要更改幻灯片和加载之间的间隔时间,请更改间隔数;)
另外,请将JavaScript文件放在文档的开头……尝试将JavaScript文件放在页面末尾之前,而不是放在节上 参考:
谢谢请尝试将JavaScript文件放在页面结尾之前,而不是放在节上 参考: 谢谢无需jQuery。
只需将data ride=“carousel”添加到相应的carousel div容器中
无需jQuery。只需将data ride=“carousel”添加到相应的carousel div容器中
这通常发生在转盘的默认行为是暂停鼠标悬停时
要覆盖它,可以在声明旋转木马时使用属性data pause=“false”,例如:
<div id="carouselExample" class="carousel slide carousel-fade" data-pause="false">
这通常发生在旋转木马的默认行为是暂停鼠标悬停时 要覆盖它,可以在声明旋转木马时使用属性data pause=“false”,例如:
<div id="carouselExample" class="carousel slide carousel-fade" data-pause="false">
删除间隔后会发生什么?我也遇到了同样的问题。通过再次调用carousel()
函数解决了这个问题,例如:$('.carousel').carousel({interval:2000}).carousel()
Vimsha,当我删除间隔时,它不会启动。凯恩,我马上要试试你的方法。如果它能工作,会发布吗?当你删除间隔时会发生什么?我也有同样的问题。通过再次调用carousel()
函数解决了这个问题,例如:$('.carousel').carousel({interval:2000}).carousel()
Vimsha,当我删除间隔时,它不会启动。凯恩,我马上要试试你的方法。如果有效的话,我会发布