Question

您好我刚开始在我的网站上使用Bootstrap Carousel。现在我不是HTML或CSS的好用户，因为我只是一个初学者...所以这里是有问题的网页http://www.tightlinesuk.com ...现在您可以看到Carousel加载正常然后向上滑动并消失，从不再次见到。

我使用的主题是RapidFaver主题，MediaFlood的Media。我正在使用主题提供的内置片段，我只更改了所需的位，即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和Stacks 1

Answer 1

经过几个小时的搜索，尝试并认为我疯了，对我而言，解决方案只是用新版本替换 bootstrap.min.js 。

轮播问题 - 从屏幕上消失

1 个答案: