之前我曾经和很多jquery画廊合作但是这个画廊不起作用。我正在使用Twitter引导程序,我想知道它的JS引导程序文件是否干扰了Unslider jquery画廊的JS文件 - >取消我正在使用的。
<!-- Bootstrap Core CSS -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<!-- Custom CSS -->
<link href="css/half-slider.css" rel="stylesheet">
<link href='http://fonts.googleapis.com/css?family=Roboto+Condensed' rel='stylesheet' type='text/css'>
<!-- JQuery -->
<script src="js/jquery-1.11.2.min.js"></script>
</head>
<body>
<!-- Navigation -->
<nav class="navbar navbar-static-top " role="navigation"style="background-image:url('img/ap.jpg');">
<div class="container" >
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav navbar-right">
<li>
<a href="#">Galleries</a>
</li>
<li>
<a href="#">About</a>
</li>
<li>
<a href="#">Contact</a>
</li>
</ul>
</div>
<!-- /.navbar-collapse -->
</div>
<!-- /.container -->
</nav>
<!-- -->
<div id="banner">
<ul>
<li> <img src="img2.jpg"/> </li>
<li> <img src="img3.jpg"/> </li>
<li> <img src="img11.jpg"/> </li>
<li> <img src="img7.jpg"/> </li>
<li> <img src="img9.jpg"/> </li>
</ul>
</div>
</div> -->
<div id="push"></div>
</div>
<div id="footer">
<div class="container">
<p>Copyright 2014</p>
</div>
</div>
<!-- /.container -->
<!-- Bootstrap Core JavaScript -->
<script src="js/bootstrap.min.js"></script>
<!-- Other JS files -->
<script src="js/unslider.js"></script>
<script type="text/javascript">
$(function() {
$('.banner').unslider({
speed: 500,
delay: 3000,
complete: function() {},
keys: true,
dots: true,
fluid: false
});
});
</script>
</body>
</html>
答案 0 :(得分:0)
我有时候很懒,不正确阅读代码,发现我的错误。它是class ="banner"
而不是id="banner"
。抱歉