Ransackはターボリンクでレンダリングしません

Question

以下の表では、ターバンクを使用しないでranslock検索が完全に正常に動作しますが、送信ボタンはページをリロードした後にのみ機能します。 hereという多少関連した問題がありますが、私はそれが有用であるとは思わなかった。 検索の送信ボタンを修正する方法はありますか？毎回現在のページを更新しないでください。

%table 
    %thead 
    %tr 
     %th ID 
     %th Name 
    %tbody 
    %tr 
    = search_form_for @q, url: courses_path do |f| 
     %th= f.text_field :id_eq 
     %th= f.text_field :s_name_cont 
     = f.submit "Search" 
    %tbody 
    - @courses.each do |course| 
     %tr 
     %td= course.id 
     %td= course.s_name 

私application.jsファイル：

//= require jquery 
//= require jquery_ujs 
//= require moment 
//= require turbolinks 
//= require bootstrap-sprockets 
//= require_tree . 

Answer 1

ない優れたソリューションは、それがソリューションだが：テーブル内の要素の順序を変更し、実際に

$(document).on('turbolinks:load', function() { 
    if($('#some_form_id').find('input[type=submit]').length <= 0) { 
    $('#some_form_id').prepend('<input type="submit" />'); 
    } 
}); 

Answer 2

と= search_form_forをテーブルの外に置くと、

= search_form_for @q, url: courses_path do |f| 
    = f.submit "Search" 
    %table 
    %thead 
     %tr 
     %th ID 
     %th Name 
    %tbody 
     %tr 
     %th= f.text_field :id_eq 
     %th= f.text_field :s_name_cont 
    %tbody 
     - @courses.each do |course| 
     %tr 
      %td= course.id 
      %td= course.s_name