私はまだレールを学習していて、送信ボタンに問題があります。私はレールに「要求を提出する」ためのブートストラップボタンを持っていて、ボタンが押されるとメッセージが消えていくJQueryボックスを持っていたいと思っています。現在のところ、このボタンは他の時代ではなく、時間の問題だけで動作しています。なぜそれが矛盾しているのかわかりません。JQueryがform_forボタンのために一貫して動作しない
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>
ブラウザのコンソールでエラーが確認されましたか? –
ボタンは動的に生成されていますか? –
HTMLを追加してください –