Twitter bootstrap 转盘在引导模式下不工作
我通读了其他问题,答案似乎不起作用。“下一步”和“上一步”按钮在我的引导转盘中不起作用。Trip重新组织.js文件并使用不同版本的jquery。没有什么。任何帮助都将不胜感激Twitter bootstrap 转盘在引导模式下不工作,twitter-bootstrap,carousel,Twitter Bootstrap,Carousel,我通读了其他问题,答案似乎不起作用。“下一步”和“上一步”按钮在我的引导转盘中不起作用。Trip重新组织.js文件并使用不同版本的jquery。没有什么。任何帮助都将不胜感激 <div class="container"> <div class="row-fluid"> <div class="span 12 pagination-centered"> <div id="myCarousel" class
<div class="container">
<div class="row-fluid">
<div class="span 12 pagination-centered">
<div id="myCarousel" class="carousel slide">
<!--Carousel Items-->
<div class="carousel-inner">
<div class="active item"><img src="img/bfgn.png" height="300" width="300" alt="bfgn" /></div>
<div class="item"><img src="img/ft.png" height="300" width="300" alt="ft" /></div>
</div>
<!--Carousel Nav-->
<a class="carousel-control left" href="#myCarousel" data-slide="prev">‹</a>
<a class="carousel-control right" href="#myCarousel" data-slide="next">›</a>
</div>
</div>
</div>
最后是我的js列表:
<!-- Le javascript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="js/jquery-1.9.1.min.js"></script>
<script src="js/bootstrap.js"></script>
<script src="js/bootstrap-carousel.js"></script>
<script src="js/bootstrap-alert.js"></script>
<script src="js/bootstrap-modal.js"></script>
<script src="js/bootstrap-dropdown.js"></script>
<script src="js/bootstrap-scrollspy.js"></script>
<script src="js/bootstrap-tab.js"></script>
<script src="js/bootstrap-tooltip.js"></script>
<script src="js/bootstrap-popover.js"></script>
<script src="js/bootstrap-button.js"></script>
<script src="js/bootstrap-collapse.js"></script>
<script src="js/bootstrap-transition.js"></script>
<script src="js/bootstrap-typeahead.js"></script>
这是您的定制JS吗?如果没有,请尝试删除此代码: 脚本src=“js/bootstrap.js”
当您插入旋转木马时,是什么告诉它这是一个旋转木马,而不仅仅是一个随机的
div
您应该在
的
之后立即添加此项(基本上在旋转木马代码之后):
$('.carousel').carousel();
或者,如果你觉得有点创意,你可以做如下事情:
<script>
$('.carousel').carousel({
interval: 4000
});
</script>
$('.carousel')。carousel({
间隔时间:4000
});
您可以将4000毫秒更改为希望每张幻灯片显示的时间
我希望我能对你有所帮助。如果没有,请在下面的评论中告诉我是否可以在其他方面帮助您。您是否查看过浏览器控制台以查看是否有任何错误?
<script>
$('.carousel').carousel();
</script>
<script>
$('.carousel').carousel({
interval: 4000
});
</script>