Przeczytałem posty tutaj, stronę Bootstrap i Googled jak wściekły - ale nie mogę znaleźć tego, co na pewno jest łatwą odpowiedzią ...

Mam modal Bootstrap, który otwieram z pomocnika link_to w ten sposób:

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

W moimContactsController.create działania, mam kod, który tworzyContact następnie przechodzi docreate.js.erb. Wcreate.js.erb, Mam jakiś kod obsługi błędów (mieszanka ruby ​​i javascript). Jeśli wszystko pójdzie dobrze, chcę zamknąć modal.

Tutaj mam kłopoty. Nie mogę odrzucić modalu, gdy wszystko idzie dobrze.

próbowałem$('#myModal').modal('hide'); i to nie ma żadnego skutku. Próbowałem też$('#myModal').hide(); co powoduje, że modal odrzuca, ale opuszcza tło.

Wszelkie wskazówki, jak zamknąć modal i / lub odrzucić tło od wewnątrzcreate.js.erb?

Edytować

Oto znacznik dla 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>