Ruby on rails 带有rails的动态引导选项卡

Ruby on rails 带有rails的动态引导选项卡,ruby-on-rails,twitter-bootstrap,dynamic,tabs,Ruby On Rails,Twitter Bootstrap,Dynamic,Tabs,我试图让rails生成动态导航选项卡,这些选项卡引用用户注册的组。基本上,我想要实现的是,动态地以用户注册的组命名选项卡(工作正常),然后通过单击每个组的选项卡(由于某些原因无法正常工作),显示每个组的内容。页面正确加载数据,但在选项卡之间切换不起作用 下面是视图中的代码 <div class="tabbable tabs-left"> <div class="row"> <div class="col-md-4"> <ul cl

我试图让rails生成动态导航选项卡,这些选项卡引用用户注册的组。基本上,我想要实现的是,动态地以用户注册的组命名选项卡(工作正常),然后通过单击每个组的选项卡(由于某些原因无法正常工作),显示每个组的内容。页面正确加载数据,但在选项卡之间切换不起作用

下面是视图中的代码

<div class="tabbable tabs-left">
  <div class="row">
    <div class="col-md-4">
      <ul class="nav nav-pills nav-stacked">
        <% current_user.group.each do |group| %>
            <li><a href="#<%= group.name %>" data-toggle="tab">
            <%=group.name %></a></li>
        <% end %>
      </ul>
    </div>
    <div class="col-md-8">
      <div class="tab-content">
        <% current_user.group.each do |group| %>
            <div class="tab-pane fade <%= 'in active' if current_user.group.first == group %>" id="<%=group.name%>">
              <% if current_user.group_feed(group.id).any? %>
                  <ol class="microposts">
                    <%= render current_user.group_feed(group.id) %>
                    <%= group.name %>
                  </ol>
              <% end %>
            </div>
        <% end %>
      </div>
    </div>
  </div>
</div>


有什么我遗漏的吗

问题是
group.name
生成无效的html id属性

html ID不应该以数字开头(其他任何地方的数字都可以),并且没有空格。例如:

无效:

1foo
aaab

有效期:

foo1
aaa-b

group.name.parameterize
将删除任何奇数字符(@.$etc),并将空格替换为
“-”
,因此请使用它

您还希望使其唯一,因为具有以下名称的事物:
“foo”
“foo!”
参数化为相同的事物:
“foo”

我同意:

id=”“


此代码从名称中删除任何数字(它只在id的开头应用),然后在末尾添加
id
,使其唯一。

是否包含引导js文件?
group.name
是否生成有效的html id属性?结果表明,只要选项卡id仅为一个单词,此功能就可以正常工作,这对我来说有点奇怪。我想它应该使用group.id作为选项卡id,而不是group.name。我想有效的html id属性不应该超过一个单词,对吗?假设
group.id
是一个整数,它是一个无效的html id。非常感谢。我希望我能投票支持这个答案,直到我没有足够的声望点这么做的那一刻。