PHP:Carousel引导CSS
我正在尝试使用引导CSS旋转木马。左右箭头不起作用,幻灯片也不会自动切换。。。我不明白为什么 这是我的密码: index.phpPHP:Carousel引导CSS,php,javascript,css,twitter-bootstrap,carousel,Php,Javascript,Css,Twitter Bootstrap,Carousel,我正在尝试使用引导CSS旋转木马。左右箭头不起作用,幻灯片也不会自动切换。。。我不明白为什么 这是我的密码: index.php <?php include("header.php"); ?> <body> <?php include("menu.php"); include("carousel.php"); ?> <footer> <p>© 2013 Company&l
<?php
include("header.php");
?>
<body>
<?php
include("menu.php");
include("carousel.php");
?>
<footer>
<p>© 2013 Company</p>
</footer>
<?php
include("script.php");
?>
<script>
!function ($) {
$(function(){
$('.carousel').carousel()
})
}(window.jQuery)
</script>
</body>
</html>
carousel.php
<div id="myCarousel" class="carousel slide">
<div class="carousel-inner">
<div class="item active">
<img src="img/bg1.jpg" alt="">
<div class="container">
<div class="carousel-caption">
<h1>ITEM 1</h1>
<p class="lead">Description 1.</p>
<a class="btn btn-large btn-primary" href="#">More</a>
</div>
</div>
</div>
<div class="item">
<img src="img/bg2.jpg" alt="">
<div class="container">
<div class="carousel-caption">
<h1>ITEM 2</h1>
<p class="lead">Description 2.</p>
<a class="btn btn-large btn-primary" href="#">More</a>
</div>
</div>
</div>
<div class="item">
<img src="img/bg3.jpg" alt="">
<div class="container">
<div class="carousel-caption">
<h1>ITEM 3</h1>
<p class="lead">Description 3.</p>
<a class="btn btn-large btn-primary" href="#">More</a>
</div>
</div>
</div>
</div>
<!-- Carousel NAV -->
<a class="left carousel-control" href="#myCarousel" data-slide="prev">‹</a>
<a class="right carousel-control" href="#myCarousel" data-slide="next">›</a>
</div>
script.php*已编辑
<script src="js/jquery.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/holder/holder.js"></script>
PS:我不能用JS编程,也不能用JQuery编程。我明白了
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$('.carousel').carousel();
});
</script>
在页面的开头而不是结尾运行此脚本可以使其正常工作。在script.php文件中,我运行以下脚本:
<script src="js/bootstrap.js"></script>
<script src="/js/bootstrap-carousel.js"></script>
<script src="/js/jquery.js"></script>
您是否使用firebug诊断您下载的引导程序中的任何错误/错误?验证它们是否都存在?+1另外,您是否两次包含jQuery?一次本地,一次来自googleapis.com?您的bootstrap.min.js是定制的还是完整的js文件?因为如果你引用同一个东西两次会导致问题,所以如果你的bootstrap.min.js不是定制的refmove引用其他文件,比如bootstrap carousel.js,bootstrap-collapse.jsetc@I_Debug_Everything因为我的bootstrap.min.js不是定制的,所以我像你说的那样删除了其他文件。现在,我有以下3个脚本:但它仍然不工作。。。