Twitter bootstrap 推特引导&x27;s转盘只滑动一次

Twitter bootstrap 推特引导&x27;s转盘只滑动一次,twitter-bootstrap,carousel,Twitter Bootstrap,Carousel,以下代码按预期工作。也就是说,它每3秒钟自动更改一次,我可以使用“上一步/下一步”按钮进行控制。问题是,如果我将.slide类添加到旋转木马中,它会以一种不寻常的方式中断 添加.slide类使幻灯片只工作一次。我可以单击“上一步/下一步”按钮,它将按预期滑动,但旋转木马将冻结。允许“自动下一步”具有相同的效果(它将滑动到下一步,然后冻结) 有什么想法吗 #myCarousel.carousel .carousel-inner .item.active = image_ta

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

确保您正在加载转换模块,并且正在加载的所有文件都具有相同的版本(如果分别加载引导组件)

也尝试
wrap:true
?是否定义了
bootstrap.min.js
(不仅仅是
bootstrap carousel.js
)?@LukeMcGregor-wrap:true没有帮助。@mccannf我只引用bootstrap.min.js,因为它已经包含bootstrap-carousel.js。您是否使用标准bootstrap.min.js,而不是自定义版本?它应该包含bootstrap-transition.js