ResponsiveSlides不顯示尋呼機

Question

我正在使用ResponsiveSlides製作一些圖片的幻燈片，但我遇到了一些問題。 首先，超時後自動滑動不起作用.. 但我的第一個問題是，我看不到圖片下的尋呼機，但我啓用它！傳呼機是這樣的：http://i.imgur.com/cCV4AOP.png（下滑蓋的圖片數） 對不起，我的英語和對不起，我對JS一個小白& CSS ..

這是我的html代碼：

頭：

<script src="js/responsiveslides.min.js"></script> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> 
<script> 
$(function() { 
$("#slider").responsiveSlides({ 
auto: false, 
pager: true, 
speed: 300, 
maxwidth: 540, 
}); 
}); 
</script> 

的CSS：

/*! http://responsiveslides.com v1.54 by @viljamis */ 

.rslides { 
position: relative; 
list-style: none; 
overflow: hidden; 
width: 90%; 
padding: 0; 
margin: 55px; 
top: -50px; 
} 

.rslides li { 
-webkit-backface-visibility: hidden; 
position: absolute; 
display: none; 
width: 90%; 
left: 0; 
top: 0; 
} 

.rslides li:first-child { 
position: relative; 
display: block; 
float: left; 
} 

.rslides img { 
display: block; 
height: auto; 
float: left; 
width: 90%; 
border: 0; 
} 

滑塊我的html頁面：

<ul class="rslides" id="slider"> 
<li><img src="images/1.jpg" alt=""></li> 
<li><img src="images/2.jpg" alt=""></li> 
<li><img src="images/3.jpg" alt=""></li> 
</ul> 

爲什麼我看不到尋呼機？

Answer 1

我還沒有想出爲什麼，但如果您切換引用外部腳本的順序，它可以解決問題。

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> 
<script src="js/responsiveslides.min.js"></script> 

頁面鏈接是未格式化的「ul> li>系統」，以便獲得ResponsiveSlides網站的外觀，你需要添加自己的CSS或修改他們的。