1

こんにちは、ウェブサイトで Bootstrap Carousel を使い始めたところです。今、私は初心者なので、HTML や CSS の優れたユーザーではありません...問題の Web ページは次のとおりですhttp://www.tightlinesuk.com ...カルーセルが正常に読み込まれ、スライドすることがわかります。そして姿を消し、再び見られることはありません。

私が使用しているテーマは、RapidWeaver テーマ、Media by ThemeFlood です。テーマに付属している組み込みのスニペットを使用しており、必要なビット、つまり説明と写真のソース パスのみを変更しました。

コードは次のとおりです。

    <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">‹&lt;/a>
<a class="right carousel-control" href="#myCarousel" data-slide="next">›&lt;/a>
</div>

RapidWeaver でプレビューを表示すると、このコードは完璧に動作しますか? 私が間違っていることを教えてください:)ありがとう

RW 4.4.2 と Stacks 1 を使用しています

4

1 に答える 1

1

何時間も検索し、試し、夢中になっていると思った後、私にとっての解決策は、bootstrap.min.jsを新しいバージョンに置き換えることでした。

于 2012-10-07T00:13:15.953 に答える