Como esconder Bootstrap modal de javascript?
Eu li os posts aqui, o site do Bootstrap, e pesquisei no Google como louco - mas não consigo encontrar o que tenho certeza que é uma resposta fácil ...
Eu tenho um modal do Bootstrap que abro de um link_to helper assim:
<%= link_to "New Contact", new_contact_path, {remote: true, 'data-toggle' => 'modal', 'data-target' => "#myModal", class: "btn btn-primary"} %>
No meuContactsController.create
ação, eu tenho código que criaContact
depois passa paracreate.js.erb
. Emcreate.js.erb
, Eu tenho algum código de tratamento de erros (uma mistura de ruby e javascript). Se tudo correr bem, quero fechar o modal.
É aqui que estou tendo problemas. Eu não consigo ignorar o modal quando tudo vai bem.
eu tentei$('#myModal').modal('hide');
e isso não tem efeito. Eu também tentei$('#myModal').hide();
que faz com que o modal seja ignorado, mas deixa o pano de fundo.
Qualquer orientação sobre como fechar o modal e / ou dispensar o pano de fundo de dentrocreate.js.erb
?
Editar
Aqui está a marcação para myModal:
<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>