                        課程
                    
                        /前端開發(fā)
                        
                            /Bootstrap
                        
                        /基于bootstrap的網(wǎng)頁開發(fā)

為什么click 沒有反應(yīng)呀！

<!DOCTYPE?html>
<html>
<head>
<meta?charset="utf-8">
<meta?http-equiv="X-UA-Compatible"?content="IE=edge">
<meta?name="viewport"?content="width=device-width,?initial-scale=1">
<link?>
<title>Hello?World</title>
<style>
????.carousel?{
????????height:?500px;
????}
????.carousel?.item?{
????????height:?500px;
????????
????}
????.carousel?.item?img?{
????????width:?100%;
????}
????.carousel-caption{
????????color:#0f0;
????}
</style>


</head>

<body>
<div?id="carousel-id?"?class="carousel?slide"?data-ride="carousel">
??????<!--?Indicators?-->
??????<ol>
????????<li?data-target="#carousel-example-generic"?data-slide-to="0"></li>
????????<li?data-target="#carousel-example-generic"?data-slide-to="1"></li>
????????<li?data-target="#carousel-example-generic"?data-slide-to="2"></li>
??????</ol>

??????<!--?Wrapper?for?slides?-->
??????<div?role="listbox">
????????<div?class="item?active">
??????????<img?src="?http://img1.sycdn.imooc.com//5412ad400001e52014280484.jpg"?alt="...">
??????????<div>
????????????11?英寸?MacBook?Air?充電一次可運行長達?9?小時，而?13?英寸機型則可運行長達?12?小時。
??????????</div>
????????</div>
????????<div>
??????????<img?src="?http://img1.sycdn.imooc.com//5412ad7c0001d2eb10880541.jpg"?alt="...">
??????????<div>
????????????無論是什么任務(wù)，配備?Intel?HD?Graphics?5000?圖形處理器的第四代?Intel?Core?處理器都能應(yīng)對自如。
??????????</div>
????????</div>
????????<div>
??????????<img?src="?http://img1.sycdn.imooc.com//5412ae5c0001653b12800644.jpg"?alt="...">
??????????<div>
????????????有了新一代?802.11ac?技術(shù)，MacBook?Air?令?Wi-Fi?速度超越極限。
??????????</div>
????????</div>
??????</div>

??????<!--?Controls?-->
??????<a?class="left?carousel-control"?href="#carousel-id"?role="button"?data-slide="prev">
????????<span?class="glyphicon?glyphicon-chevron-left"?aria-hidden="true"></span>
????????<span>Previous</span>
??????</a>
??????<a?class="right?carousel-control"?href="#carousel-id"?role="button"?data-slide="next">
????????<span?class="glyphicon?glyphicon-chevron-right"?aria-hidden="true"></span>
????????<span>Next</span>
??????</a>
????</div>
<!--?Bootstrap?core?JavaScript?-->
????<!--?Placed?at?the?end?of?the?document?so?the?pages?load?faster?-->
????<script?src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
????<script?src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
????<script>
????$(function(){
????????//?初始化輪播
??????$(".start-slide").click(function(){
?????????$("#myCarousel").carousel('cycle');
??????});
????});
</script>

</body>
</html>