1

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

我使用的主题是 RapidWeaver 主题，Media by ThemeFlood。我正在使用随主题提供的内置片段，我只更改了所需的位，即描述和照片 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">‹&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 回答