以下代码按预期工作。也就是说，它每 3 秒自动更改一次，我可以使用上一个/下一个按钮来控制它。问题是，如果我将 .slide 类添加到轮播中，它会以不寻常的方式中断。
添加 .slide 类使幻灯片只工作一次。我可以单击上一个/下一个按钮，它会按预期滑动，但随后轮播将冻结。允许自动下一个具有相同的效果（它会滑到下一个然后冻结）。
有任何想法吗？
#myCarousel.carousel
.carousel-inner
.item.active
= image_tag 'Carousel1.png'
.carousel-caption
%h4 First Thumbnail label
%p Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.
.item
= image_tag 'Carousel2.png'
.carousel-caption
%h4 Second Thumbnail label
%p Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.
.item
= image_tag 'Carousel3.png'
.carousel-caption
%h4 Third Thumbnail label
%p Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.
%a.left.carousel-control{"data-slide" => "prev", :href => "#myCarousel"} ‹
%a.right.carousel-control{"data-slide" => "next", :href => "#myCarousel"} ›
:javascript
$(document).ready(function() {
$('.carousel').carousel({
interval: 3000
})
});