javascript - 在 Rails 中实现 Bootstrap 选项卡

Question

我正在尝试将 Bootstrap 选项卡与 Rails4.1 一起使用。这是我的 haml 代码:

.container-fluid
  .row-fluid
    .span8.well
      %ul.nav.nav-tabs
        %li.active
          %a{"data-target" => "#home", "data-toggle" => "tab", href: "#home", id: '#home_link'} Home
        %li
          %a{"data-target" => "#profile", "data-toggle" => "tab", href: "#profile", id: '#profile_link'} Profile
      .tab-content
        #home.tab-pane.active.fade.in home tab content
        #profile.tab-pane profile tab content

在我的 application.js 中我有

//= require bootstrap

第一次加载页面时，它显示主页选项卡内容，但之后单击任何选项卡都不会显示任何内容。我不知道我的不足在哪里。谢谢

Answer 1

自己解决了

.container-fluid
  .row-fluid
    .span8.well
      %ul.nav.nav-tabs
        %li.active
          %a{"data-toggle" => "tab", href: "#home"} Home
        %li
          %a{"data-toggle" => "tab", href: "#profile"} Profile
        %li
          %a{"data-toggle" => "tab", href: "#messages"} Messages
        %li
          %a{"data-toggle" => "tab", href: "#settings"} Settings
      / Tab panes
      .tab-content
        #home.tab-pane.active 1
        #profile.tab-pane 2
        #messages.tab-pane 3
        #settings.tab-pane 4