javascript - 为什么我的 javascript 不会影响 bootstrap carousel

Question

出于某种原因，bootstrap 不允许我在 js 中设置间隔时间。

我正在使用 Middleman 将我的静态网站提供给本地主机，我似乎无法让 js 从 Bootstrap 影响轮播。我像这样加载了 Bootstrap 和我的自定义 js

!!!
%html
  %head
    %title Save Rosie
    %meta{charset: "utf-8"}/
    / Always force latest IE rendering engine or request Chrome Frame
    %meta{content: "IE=edge,chrome=1", "http-equiv" => "X-UA-Compatible"}/
    / Use title if it's in the page YAML frontmatter
    = stylesheet_link_tag "fonts", "all", "bootstrap"
    = javascript_include_tag  "jquery-1.11.0.min", "all", "bootstrap"
  %body{class: page_classes}
    = yield

轮播功能齐全

.carousel.slide{ "data-ride" => "carousel" }
      .carousel-inner
        .item.active
          %img{ :src => 'https://s3-us-west-2.amazonaws.com/rosiesdonations/Rosie1.png', :alt => "Rosie Picture one" }
        .item
          %img{ :src => 'https://s3-us-west-2.amazonaws.com/rosiesdonations/Rosie2.jpg', :alt => "Rosie Picture two" }
        .item
          %img{ :src => 'https://s3-us-west-2.amazonaws.com/rosiesdonations/Rosie3.jpg', :alt => "Rosie Picture three" }

但是当我调用

$('.carousel').carousel({
  interval: 2000
})

在 all.js 中它不会在 2 秒切换，而是默认的 5 秒切换。

查看有错误:Uncaught TypeError: Object [object Object] has no method 'carousel'

我尝试先加载 Bootstrap ，但没有成功。

Answer 1

在你的脚本中，bootstrap.js 必须在 all.js 之前。