Rails 4 js仅适用于页面重新加载

Question

当我重新加载页面时，该表单有效，但是如果我从应用程序导航，则会中断remote：true表单。 我应用上的所有其他js都可以正常工作。 我有宝石jquery.turbolinks。请告知我是否需要其他信息。

show.js

$(".score_box<%= escape_javascript(@inspection_component.id.to_s) %>").html("Puntuación: <%= escape_javascript(@inspection_component.score.to_s) %>");
 $("#<%= escape_javascript(@inspection_component.id.to_s) %>").collapse('hide')

这是我的index.html.erb

<div class='panel-collapse collapse' id="<%= inspection_component.id%>">
        <div class='panel-body'>
          <div class="field">
            <%= bootstrap_form_for inspection_component, remote:true, :html => {:class => 'form-inline'} do |f| %>
                <div class="form-group">
                  <%= f.select(:score, inspection_component.score_values, { :class => "form-control",label:"Puntuación" }) %>
                </div>
                <div class="form-group">
                  <%= f.submit 'Update', class: "btn btn-success" %>
                  <%= link_to 'Editar', edit_inspection_component_path(inspection_component), {:class=> "btn btn-default"} %>
                  <%= link_to 'Eliminar', inspection_component, {:class=> "btn btn-danger",method: :delete, data: { confirm: 'Are you sure?'}} %>
                </div>
            <% end %>
          </div>
        </div>
      </div>
    </div>
  <% end %>
</div>

更新解决方案

首先我想给信贷@Jeff大，提出解决问题的在这个岗位

解决的办法是，我有一个表格，其中包含表格的partial，并且table标签缺少两个非常重要的标签th和tr

这就是为什么我的表单标签在第一个表单标签之后关闭的原因。 像这样：

<form accept-charset="UTF-8" action="/inspection_components/4" class="edit_inspection_component" data-remote="true" id="edit_inspection_component_4" method="post"><div style="display:none"><input name="utf8" type="hidden" value="✓"></form>

Answer 1

首先我想给信贷@Jeff大，提出解决问题的在这个岗位

解决的办法是，我有一个表格，其中包含表格的partial，并且table标签缺少两个非常重要的标签th和tr

这就是为什么我的表单标签在第一个表单标签之后关闭的原因。 像这样：

<form accept-charset="UTF-8" action="/inspection_components/4" class="edit_inspection_component" data-remote="true" id="edit_inspection_component_4" method="post"><div style="display:none"><input name="utf8" type="hidden" value="✓"></form>