터보 링크는 페이지를 다시로드하지 않고 양식을 제출하게하지 않습니다.

Question

터보 링크와 함께 부트 스트랩 3을 사용하고 있습니다. 문제는 편집 양식에서 제출 버튼을 누르면 아무 일도 일어나지 않지만 페이지를 새로 고침하면 모든 입력이 올바르게 전송됩니다. 나는 왜 이런 일이 일어나는 지 이해하지 못한다. 나는 심지어 내 양식에서 자바 스크립트를 사용하지도 않는다.

<div class = "row"> 
    <%= semantic_form_for @post do |f| %> 
    <%= f.semantic_errors %> 
    <div class = "form-group"> 
    <div class = "col-lg-9 col-md-7"> 
     <%= f.input :title, :label => "Title" %> 
     <%= f.input :content, :as => :rich, :allow_embeds => true %> 
     <%= f.input :cat_list, :label => "Type your tags here" %> 
    </div> 
    <div class = "col-lg-3 col-md-4 "> 
     <p> 
     <%= image_tag(@post.thumbnail.url(:original), :class => "img-thumbnail") %> 
     </p> 
     <p> 
     <%= f.input :thumbnail, as: :file %> 
     </p> 
     <p> 
     <%= f.select :tag_list, Post::Tags, { }, { :multiple => true, :size => 10, :class => "form-control" } %> 
     </p> 
    </div> 
    <%= f.action :submit, :as => :button, :button_html => { :class => "btn btn-primary" } %> 
</div> 
    <% end %> 
<%= link_to 'Show', @post %> | 
<%= link_to 'Back', posts_path %> 

이 내 application.js의 내용은 다음과 같습니다 : 여기에 코드입니다

//= require jquery 
//= require jquery_ujs 
//= require turbolinks 
//= require bootstrap 
//= require_tree . 

Answer 1

turbolinks 내 경험은 항상 양식 제출 버튼 등으로 리스너를 추가하는 것이 훨씬 더 나은 것입니다 : 일부 JS/UJS는 turbolinks과 충돌이 있기 때문에

$('document').on 'click', '.submit-btn', -> 
    $('form').submit() 

이유는 특별히 하나의 $ ('문서')와. 준비() 함수 turbolinks 머리에 JS를 갱신하지 않기 때문에, 그것은 단지 시체를 대체합니다.

당신은 $ 한 경우 ('문서') 준비, 당신은 내가 비슷한 문제가 있었다

$(document).on('page:load', ready) 

Answer 2

turbolinks 사용자 정의 리스너 (몇몇 다른 사람이있다)로 대체 할 수 :. link_to를 사용하여 페이지에 도착 할 때마다 , 나는 새롭게해야했다.

보기의 body 태그 안에 data-no-turbolink="true"을 추가하십시오.

Form Submit button only works after reload을보고 해결했습니다.