在 Rails 中实现引导选项卡答案

【问题标题】：implementing bootstrap tabs in rails在 Rails 中实现引导选项卡
【发布时间】：2014-06-02 16:29:02
【问题描述】：

我正在尝试在 Rails4.1 中使用 Bootstrap 选项卡。这是我的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

第一次加载页面时，它会显示主页选项卡内容，但之后单击任何选项卡都不会显示任何内容。我不知道我缺什么地方。谢谢

【问题讨论】：

标签： javascript jquery ruby-on-rails twitter-bootstrap jquery-ui-tabs

【解决方案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

【讨论】：