JQueryがform_forボタンのために一貫して動作しない

Question

私はまだレールを学習していて、送信ボタンに問題があります。私はレールに「要求を提出する」ためのブートストラップボタンを持っていて、ボタンが押されるとメッセージが消えていくJQueryボックスを持っていたいと思っています。現在のところ、このボタンは他の時代ではなく、時間の問題だけで動作しています。なぜそれが矛盾しているのかわかりません。

jQueryの下にcodeis：ここ

<script src=" https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script> 
    <script> 
    $(document).ready(function(){ 
     $("form").submit(function(){ 
      $("#processing").fadeIn(1000); 
     }); 
    }); 
    </script> 

は自分のフォームのコードとjQueryのアクションです：

<%= form_for (@request), :html=> {:id => "form"} do |f| %> 

     <%= f.check_box(:option1) %> 
     <%= f.label(:option1, "Option 1") %><br> 

     <%= f.check_box(:option2) %> 
     <%= f.label(:option2, "Option 2") %><br> 

    <center><%= f.submit "Submit Request", class: "btn btn-primary", data: {disable_with: "Processing..."} %></center> 

    <% end %> 


    <br><br> 
    <center><div id="processing" style="width:550;height:65px;display:none;background-color:darkgrey; vertical-align:middle"> 
     <font color="white"><br>Your request is processing.</font></div><br></center> 

Answer 1

あなたはturbolinksを使用していますか？ Jqueryイベント・ドキュメント・レディは、ターボリンクでは正しく動作しません。 application.jsファイルからターボリンクを外してテストしてみてください