Jquery mobile、rails、collapsibles - 出现额外标签

Question

我正在尝试从 rails 应用程序显示一个简单的可折叠集。它第一次完美运行，给了我下面的输出。

但是，当我返回页面时（通过“保存更改”表单提交），出现了额外的标签，我不知道为什么：

我的index.html.erb文件如下：

<div data-role="page" data-url="<%= request.path %>">

<div data-role="header">
  <h1> CB </h1>
</div>

<div data-role="content">
  <div data-role="collapsible-set">
    <% @gr.each do |g| %>
      <div id=" <%= g %>" data-role="collapsible">
        <h3> <%= g %> </h3>
        <p>
           <%=form_tag "/checkboxen", method: :get do %>
             <% @gr2.each do |g2| %>
               <%= check_box_tag "#{g}_#{g2}" %>
               <%= label_tag "#{g}_#{g2}",g2 %>
             <% end %>
             <%= submit_tag %>
           <% end %>
        </p>
      </div>
    <% end %>
  </div>
</div>

虽然我的（非常简单的）checkboxen_controller.rb 是这样的：

class CheckboxenController < ApplicationController
  def index
    @gr=["one","two","three"]
    @gr2=["a","b","c"]
  end
end

正如您可能猜到的，我是这方面的新手，无法弄清楚为什么会发生（如果重要的话，我已经关闭了 turbolinks，并且系统中没有异常的 javascript）。

Answer 1

我找到了一种解决方法：我没有使用<%= label_tag %>，而是将check_box_tag 明确地包含在<label> ... </label> 中。为什么原版不起作用我还没有弄清楚。