Ich habe die Posts hier, die Bootstrap-Site und Googled wie verrückt gelesen - aber ich kann nicht finden, was ich sicher bin, ist eine einfache Antwort ...

Ich habe ein Bootstrap-Modal, das ich von einem link_to-Helfer wie folgt öffne:

<code><%= link_to "New Contact", new_contact_path, {remote: true, 'data-toggle' => 'modal', 'data-target' => "#myModal",  class: "btn btn-primary"} %>
</code>

In meinemContactsController.create Aktion, ich habe Code, der erstelltContact geht dann weiter zucreate.js.erb. Imcreate.js.erbIch habe einen Fehlerbehandlungscode (eine Mischung aus Ruby und Javascript). Wenn alles gut geht, möchte ich den Modal schließen.

Hier habe ich Probleme. Ich kann den Modal nicht abweisen, wenn alles gut geht.

ich habe es versucht$('#myModal').modal('hide'); und das hat keine wirkung. Ich habe es auch versucht$('#myModal').hide(); Dadurch wird der Modal verworfen, der Hintergrund jedoch verlassen.

Hinweise zum Schließen des Modals und / oder zum Entfernen des Hintergrunds von innencreate.js.erb?

Bearbeiten

Hier ist das Markup für myModal:

<code><div class="modal hide" id="myModal" >
  <div class="modal-header">
    <a class="close" data-dismiss="modal">×</a>
    <h3>Add Contact</h3>
    <div id="errors_notification">
    </div>
  </div>
  <div class="modal-body">
    <%= form_for :contact, url: contacts_path, remote: true do |f| %>  
      <%= f.text_field :first_name, placeholder: "first name" %>
      <%= f.text_field :last_name, placeholder: "last name" %>
      <br>
      <%= f.submit "Save", name: 'save', class: "btn btn-primary" %>
      <a class="close btn" data-dismiss="modal">Cancel</a>
    <% end %>
  </div>
  <div class="modal-footer">
  </div>
</div>
</code>