[英]PHP : Carousel Bootstrap CSS
我正在尝试使用Bootstrap CSS Carousel。 左右箭头不起作用,幻灯片也不会自动切换...我不知道为什么。
这是我的代码:
index.php
<?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:我既不能在JQuery中也不能在JS中编程。
我知道了 !
<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>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.