引导转盘不自动滑动
我使用的是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>和HTML：
<div id="myCarousel" class="carousel slide">
<div class="carousel-inner">
<div class="active item">
<div class="image-position-right">
<a href="#"><img src="validimagelink.jpg" width="920" height="550" alt=""></a>
</div>
</div>
<div class="item">
<div class="image-position-right">
<a href="#"><img src="validimagelink.jpg" width="920" height="550" alt=""></a>
</div>
</div>
</div>
<a class="left carousel-control" href="#myCarousel" data-slide="prev">‹</a>
<a class="right carousel-control" href="#myCarousel" data-slide="next">›</a>也只是添加了这个，但没有用处：
<script>
$('#myCarousel').carousel({
interval: 1200
});
</script>进行上述更改后，javascript控制台会显示：
未捕获TypeError: Object #没有方法'carousel‘(匿名函数) b.extend.ready jquery.min.js:29 u
有没有什么想法来解释为什么这个方法不起作用？
回答 5
Stack Overflow用户
发布于 2012-06-28 03:37:29
<script type="text/javascript">
$(document).ready(function() {
$('.carousel').carousel({
interval: 1200
})
});
</script>如果它仍然不工作，请在浏览器中查找潜在的错误(firebug/chrome..)控制台。
为
Uncaught TypeError: Object # has no method 'carousel' (anonymous function) b.extend.ready jquery.min.js:29 u确保：
仅包含一个jQuery
只包含一个bootstrap-carousel.js或bootstrap.js。
首先包含jQuery，然后是bootstrap-carousel.js或bootstrap.js，然后是$(document).ready( ...
Stack Overflow用户
发布于 2012-06-28 03:37:59
有时，使用错误版本的JQuery可能会影响Twitters carousel的操作。它们当前运行的是v1.7.1，如果您使用不同的版本，可能会导致错误。
如果你没有运行v1.7.1，你可以从这里下载：
http://code.jquery.com/jquery-1.7.1.min.js
还要确保您的代码包装在准备好的文档中：
$(document).ready(function () {
// code here
});Stack Overflow用户
发布于 2014-02-04 01:28:21
我遇到了同样的问题，并找到了解决方案；因为我们都将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 });
});
有时，您需要将JavaScript文件放在carousal之后。实际上是在页面末尾之前。
参考：http://twitterbootstrap.org/twitter-bootstrap-3-carousel-not-automatically-starting/
祝你编码愉快。谢谢
https://stackoverflow.com/questions/11233449
复制相似问题
腾讯云开发者
