带有Rails的动态Bootstrap选项卡内容

时间:2014-10-22 21:57:15

标签: ruby-on-rails twitter-bootstrap tabs each

我正在尝试将数据导入我的引导标签。我无法定义选项卡的ID以及如何正确调用数据。

原因是我的标签是通过一周中几天的循环定义的

<ul id="myTab" class="nav nav-tabs" role="tablist">
  <% 0.upto(7.to_i).each do |day_count| %>
    <li>
      <a href="#<%=day_count%>" role="tab" data-toggle="tab">
        <%= (Date.today + day_count.days).strftime('%A') unless day_count == 0 || day_count == 1 %>
        <% if day_count == 0 %><b>Today</b><% elsif day_count == 1 %>Tomorrow<% end %> 
      </a>
    </li>
  <% end %>
</ul>

这很好用,我已经将href定义为'day_count'(循环从0-6开始),我认为我可以在内容中引用它。 关于如何完成此任务的任何想法?

以下内容并不十分明显,因为它为每个标签呈现了7段文字:

<% 0.upto(7.to_i).each do |id_count| %>
  <div id="myTabContent" class="tab-content">
    <div class="tab-pane fade in active" id="<%= id_count %>">
      <p>TAB CONTENT</p>
    </div>
  </div>
<% end %>

1 个答案:

答案 0 :(得分:0)

简单修复......打开任何更好的答案! :)

  <div id="myTabContent" class="tab-content">
    <% 0.upto(7.to_i).each do |id_count| %>
      <div class="tab-pane fade in active" id="<%= id_count %>">
        <p>TAB CONTENT</p>
      </div>
    <% end %>
  </div>