Javascript 引导转盘不自动滑动

我正在使用Twitter的carousel（最新版本）的bootstrap，我已经让它工作了——只是它不会自动滑动。单击其中一个导航按钮后，它工作正常。不知道它为什么这么做

下面是我在标题中的JS设置：

    <script type="text/javascript" src="<?php echo tz_JS . '/bootstrap/jquery.js'; ?>"></script>

<script type="text/javascript" src="<?php echo tz_JS . '/bootstrap/bootstrap-carousel.js'; ?>"></script>
<script type="text/javascript" src="<?php echo tz_JS . '/bootstrap/bootstrap-transition.js'; ?>"></script>

确保：

只包含一个jQuery

只包括一个bootstrap-carousel.js或bootstrap.js

首先包括jQuery，然后是bootstrap-carousel.js或bootstrap.js，然后是$（document）。ready（…
有时使用错误版本的jQuery可能会影响Twitters Boostrap carousel的操作。它们当前运行的是v1.7.1，如果使用不同版本，则可能会导致错误

如果您没有运行v1.7.1，可以从以下位置下载：


还要确保您的代码已包装在文档中：

  $(document).ready(function () {
      // code here
  });

我遇到了与您相同的问题并找到了解决方案；因为我们都将javascripts放在页面的末尾，所以函数的调用必须放在它们之后：

<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.js"></script>

<script type="text/javascript">
var $ = jQuery.noConflict();
$(document).ready(function() { 
  $('#myCarousel').carousel({ interval: 3000, cycle: true });
}); 


var$=jQuery.noConflict（）；
$（文档）.ready（函数（）{
$（'myCarousel'）.carousel（{interval:3000，cycle:true}）；
}); 


有时，您需要将JavaScript文件放在carousal之后，实际上放在页面末尾之前

参考：

愉快的编码。谢谢
 <script language="javascript" type="text/javascript">
 $(window).load(function() 
 {       
     $("#slideshow > div:gt(0)").hide();
     setInterval(function() { 
       $('#slideshow > div:first')
       .fadeOut(750)
       .next()
       .fadeIn(1000)
       .end()
       .appendTo('#slideshow');
                            },  11000);
  });
</script>

$（窗口）。加载（函数（）
{       
$（“#幻灯片>div:gt（0）”）.hide（）；
setInterval（函数（）{
$（“#幻灯片>分区：第一个”）
.衰减（750）
.next（）
法丹先生（1000）
(完)
.appendTo（“#幻灯片”）；
},  11000);
});

如果您使用的是

NgRoute

而上述解决方案对您不起作用，请确保在

NgRoute

注入到

中的模板顶部包含以下javascript代码：

$（document）.ready（函数（）{$（'#Carousel'）.Carousel（{interval:2500}）}）；

另外，请确保在包含bootstrap.js之前先包含jQuery。当我在项目中遇到此问题时，这对我很有帮助。
您是否在任何地方使用了$（'.carousel'）.carousel（）？只是使用了该脚本进行了更新，但添加它并没有helped@WilliamH确保添加该javascript（
$（'.carousel'）.carousel（）；
）在
$.document.ready（）
中调用。如果在
.carousel（）时div不存在
被调用，它不会自动旋转。这没有帮助。不过谢谢。我在调用div之前和之后放置了它。@WilliamH您的javascript控制台中有任何错误吗？谢谢-但是这些解决方案建议都不起作用。我用1.7.1链接替换了当前的jquery，并使用了文档就绪代码段。谢谢-但是我确保完全遵循它，现在出现了以下错误：未捕获类型错误：Object#没有方法'carousel'jQuery.Callbacks.fire jQuery.js:1032 jQuery.Callbacks.self.fireWith jQuery.js:1150 jQuery.extend.ready jQuery.js:421 domContentLoaded你能在.carousel类上触发carousel而不是#mycarouself最终解决了它吗！我的站点正在使用一个小部件，它正在调用JS 1.4…URG！但是你的建议确实帮助解决了问题-谢谢！如果你在Blazor上遇到了这个问题，请看这个解决方案：虽然这段代码可能会回答这个问题，但提供关于它如何和/或为什么解决这个问题的额外上下文将提高答案的长期价值。
Uncaught TypeError: Object # has no method 'carousel' (anonymous function) b.extend.ready jquery.min.js:29 u

  $(document).ready(function () {
      // code here
  });

<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.js"></script>

<script type="text/javascript">
var $ = jQuery.noConflict();
$(document).ready(function() { 
  $('#myCarousel').carousel({ interval: 3000, cycle: true });
}); 

 <script language="javascript" type="text/javascript">
 $(window).load(function() 
 {       
     $("#slideshow > div:gt(0)").hide();
     setInterval(function() { 
       $('#slideshow > div:first')
       .fadeOut(750)
       .next()
       .fadeIn(1000)
       .end()
       .appendTo('#slideshow');
                            },  11000);
  });
</script>

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