Question

我还在学习rails并且我的提交按钮出现问题。我有一个引导按钮来提交请求＆＃34;在rails中，并且希望在按下按钮后有一个消息淡入的JQuery框。目前，该按钮仅在某些时间有效，而在其他时间无效，我无法弄清楚它为什么表现不一致。

下面的JQuery代码：

    <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事件文档与turbolinks无法正常工作。尝试从application.js文件中删除turbolink并测试它

JQuery不能始终为form_for按钮工作

1 个答案: