Rails 中的嵌套 div 标签答案

【问题标题】：nested div tags in railsRails 中的嵌套 div 标签
【发布时间】：2017-03-10 10:34:55
【问题描述】：

我想在我的视图中实现这个HTML代码

<div class="progress ">
  <div class="progress-bar bgclre3559b" role="progressbar" style="width:80%">
    <span><%= top_cat.first %></span>
  </div>
  <div class="progress-bar bgclre3559b" role="progressbar" style="width:15%">
    <span class="clrfff"><%= "#{top_cat.last}%" %></span>
  </div>
</div>

我试过这个，但它只显示里面的第二个 div。有没有办法连接它们或如何以导轨方式正确显示。

content_tag :div, class: "progress" do
  content_tag :div, class: "progress-bar bgclre3559b", role: "progressbar", style: "width: 80%" do
    content_tag :span, top_cat.first
  end
  content_tag :div, class: "progress-bar bgclre3559b", role: "progressbar", style: "width: 15%" do
    content_tag :span, "#{top_cat.last}%"
  end
end

提前致谢！

【问题讨论】：

标签： ruby-on-rails ruby ruby-on-rails-4 nested content-tag

【解决方案1】：

如果有人需要解决此类问题，我找到了答案。我像这样更改了帮助文件中的代码。

first = 
    content_tag :div, class: "progress-bar bgclre3559b", role: "progressbar", style: "width: 80%" do
      content_tag :span, top_cat.first
    end
second =
    content_tag :div, class: "progress-bar bgclre3559b", role: "progressbar", style: "width: 15%" do
      content_tag :span, "#{top_cat.last}%"
    end

content_tag :div, class: "progress" do
  first.concat(second).html_safe
end

【讨论】：