Question

以下代码按预期工作。也就是说，它每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
    })
  });

Answer 1

确保您正在加载转换模块，并且您加载的所有文件都具有相同的版本（如果单独加载引导程序组件）

Twitter Bootstrap的旋转木马只滑动一次

1 个答案: