【问题标题】:col-sm-2 in loop under rowcol-sm-2 在行下的循环中
【发布时间】:2015-08-27 08:04:43
【问题描述】:

下面是我在 Rails 辅助方法中运行的循环。

part_child_option.each do |o|

  html += "<div class='col-sm-2 uno_part_wrapper'>"
  html += "<label class = 'p_name' for='#{attr_name}'>"

    html += image_tag o.photo(:small), class: "tick_option_img",
      html += "</label>"
      html += "</div>"
    end
    html.html_safe
end

我现在有一个问题。 col-sm-2 类在那里,所以在我看来它在 row 类之下。该行在我的助手之外,因此我无法循环它。

指出的解决方案没有这种情况

现在我希望我的row 类在col-sm-2 完成六次后关闭。然后我想再次开始课程row,并且我的课程行中的所有内容都与上面相同。

我希望这个问题现在很清楚了。

如何做到这一点。

【问题讨论】:

标签: html ruby-on-rails twitter-bootstrap


【解决方案1】:

你问的是已经问过的同样的问题。请看Here

用户 each_slice 将您的数组分成 6 个块,然后迭代每个循环。

例如

array.each_slice(6) do |chunk|
  chunk.each do |o|
   end 
end 

在你的情况下

rows = ""
part_child_option.each_slice(6) do | six_o |
  row = "<div class='row'>"
  six_o.each do | o |
     row += "your logic"
  end 
  row  += "</div>"
  rows += row
end 

【讨论】:

  • 如何将它集成到我上面的助手中,
  • 我根据你的问题更新了我的答案。现在我想它可以帮助你。
  • 我尝试了几乎类似的答案,但没有奏效。看到我的行在我的视野中。我有col-sm-2,我循环了6次,第七次来了,我想去下一行。在上面的代码中,您似乎正在循环整行
  • 可能的最佳解决方案是在帮助程序中创建行并在 html 视图中提供。从视图中删除行 div 并将此方法放在那里
  • 是的,我只是在尝试。我创建了另一个助手,名为 tic_tac,复制了以前方法中的所有内容,并在那里添加了行并从视图中删除了行。但是得到错误数量的参数错误pastebin.com/Bb5XiLy7这是助手,你能看到有什么遗漏吗?
猜你喜欢
  • 2017-01-14
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2016-07-22
  • 2019-09-17
  • 1970-01-01
  • 1970-01-01
  • 2014-05-14
相关资源
最近更新 更多