需要单击Rails AJAX单击方法两次

Question

在rails 4中，我尝试使用jquery在单击提交按钮时隐藏页面上的某个元素。然而，元素＆＃34; span＆＃34;直到我第二次点击按钮才会隐藏。这是我的create.js.erb：

$(document).ready(function(){
  $("#button").click(function(){
    $("#actor").hide();
  });
});

这是我的_form.html.erb：

<%= form_for(@actor, remote: true) do |f| %>
    <% if @actor.errors.any? %>
        <div id="errors">
            <p>Please correct the following <%= pluralize(@actor.errors.count, "error") %>:</p>
            <ul>
                <% @actor.errors.full_messages.each do |msg| %>
                    <li><%= msg %></li>
                <% end %>
            </ul>
        </div>
    <% end %>
    <div>
        <%= f.label :Name %>
        <%= f.text_field :fname %>
    </div>
    <div>
        <%= f.label :Surname %>
        <%= f.text_field :lname %>
    </div>    
    <div>
        <%= f.submit @actor.new_record? ? "Create actor" : "Update actor", :id => 'button' %>
    </div>
    <span id="actor">
        Test text...hide me please...
    </span>
<% end %>

我想在第一次点击时隐藏元素。有什么建议吗？

Answer 1

删除click方法解决了这个问题。