2013-05-06 185 views
0

我通读了其他问题,答案似乎没有起作用。下一个和上一个按钮在我的引导程序传送带中不起作用。旅程重组.js文件并使用不同版本的jquery。没有。任何帮助将不胜感激。旋转木马不在引导工作

<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">&lsaquo;</a> 
           <a class="carousel-control right" href="#myCarousel" data-slide="next">&rsaquo;</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> 
+0

你看看浏览器的控制台,看看是否有任何错误? – ZimSystem 2013-05-06 13:33:16

回答

0

这是您的自定义JS?如果没有,请尝试删除此代码:

 
    script src="js/bootstrap.js" 

0

当你插入一个旋转木马,什么告诉它是一个旋转木马,而不仅仅是一个随机div你已经坐在?

你应该后立即添加此<div id="myCarousel" class="carousel slide"></div>(后基本上旋转木马代码):

<script> 
$('.carousel').carousel(); 
</script> 

或者,如果你感觉有点创意,你可以这样做:

<script> 
$('.carousel').carousel({ 
    interval: 4000 
}); 
</script> 

您可以将4000ms更改为希望显示每张幻灯片的时间。

我希望我出现了对你的帮助。如果没有,请告诉我是否可以在下面的评论中以任何其他方式帮助您。