2012-08-30 38 views
1

嗨,我剛剛開始在我的網站上使用Bootstrap旋轉木馬。現在我不是HTML或CSS的好用戶,因爲我只是一個初學者...所以這裏是問題http://www.tightlinesuk.com的網頁...現在您可以看到Carousel加載正常,然後滑動並消失,永遠不會再看到。旋轉木馬問題 - 從屏幕消失

我正在使用的主題是一個RapidWeaver主題,ThemeFlood媒體。我使用主題提供的內置片段,並且只更改了所需的位,即Description和Photo Src路徑。

下面是代碼:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> 
<script type="text/javascript" src="%pathto(scripts/bootstrap.min.js)%"></script> 

<script type="text/javascript"> 
$(document).ready(function() { 
$('#myCarousel').carousel({ 
interval: 5000 
}) 
}); 
</script> 

<p>Welcome to Tight Lines UK. Tight Lines offers everything an angler needs. We offer competitively priced products from manufacturers all over the country. We are slowly adding more and more suppliers to our portfolio. We supply everything from Bait to Bivvies and everything in between. And if we haven't got it on the website it doesn't mean we can't get it for you, so drop us a line or give us a call and we will see what we can do .... TIGHT LINES</p> 

<div id="myCarousel" class="carousel slide"> 
<div class="carousel-inner"> 

<div class="item active"> 
<img src="http://fishcatcheruk.co.uk/img/common/IMAGES/Carp.jpg" alt="Banner 1" style="width:100%;"> 
<div class="carousel-caption"> 
<h4>Carp and Specimen Fishing</h4> 
<p>In our Carp & Specimen section you will find everything you need from Boilie Stops to Bivvies. So drop in and have a look ..... TIGHT LINES</p> 
</div><!--/carousel-caption--> 
</div><!--/item--> 

<div class="item"> 
<img src="http://fishcatcheruk.co.uk/img/common/IMAGES/Coarse.jpg" alt="Banner 2" style="width:100%;"> 
<div class="carousel-caption"> 
<h4>Coarse Fishing</h4> 
<p>In our Coarse fishing section you will find all your Coarse Fishing needs ..... TIGHT LINES</p> 
</div><!--/carousel-caption--> 
</div><!--/item--> 

<div class="item"> 
<img src="http://fishcatcheruk.co.uk/img/common/IMAGES/Game.jpg" alt="Banner 3" style="width:100%;"> 
<div class="carousel-caption"> 
<h4>Game Fishing</h4> 
<p>Our Game Fishing section is currently under construction but will be open soon.</p> 
</div> 
</div><!--/carousel-caption--> 
</div><!--/item--> 

<a class="left carousel-control" href="#myCarousel" data-slide="prev">‹</a> 
<a class="right carousel-control" href="#myCarousel" data-slide="next">›</a> 
</div> 

下面這段代碼運行完美,當你在預覽中查看的RapidWeaver?請告訴我,我做錯了:)謝謝

哦,我使用RW 4.4.2與堆疊1

回答

1

後搜索的時間,努力和思考我瘋了,對我來說,解決方案只是爲了用新版本替換bootstrap.min.js