旋转木马问题-从屏幕上消失

Question

嗨，我刚刚开始在我的网站上使用Bootstrap Carousel。现在我不是HTML或CSS的伟大用户，因为我只是一个初学者…所以这就是有问题的http://www.tightlinesuk.com网页...现在，正如您所看到的，Carousel加载正常，然后滑上并消失，再也看不到它了。

我使用的主题是媒体主题，RapidWeaver 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">‹</a>
<a class="right carousel-control" href="#myCarousel" data-slide="next">›</a>
</div>

现在，当您在RapidWeaver上查看预览时，此代码可以完美工作？请告诉我我哪里做错了:)谢谢

哦，我使用的是RW 4.4.2和Stacks 1

Answer 1

经过几个小时的搜索，尝试，并认为我疯了，对我来说，解决方案就是用新版本取代bootstrap.min.js。