Как скрыть модал Bootstrap от JavaScript?
Я читал посты здесь, на сайте Bootstrap, и гуглил как сумасшедший, но не могу найти то, что, я уверен, является легким ответом ...
У меня есть модальный Bootstrap, который я открываю из помощника link_to следующим образом:
<code><%= link_to "New Contact", new_contact_path, {remote: true, 'data-toggle' => 'modal', 'data-target' => "#myModal", class: "btn btn-primary"} %> </code>
В моемContactsController.create
действие, у меня есть код, который создаетContact
затем проходит вcreate.js.erb
, Вcreate.js.erb
У меня есть некоторый код обработки ошибок (смесь ruby и javascript). Если все идет хорошо, я хочу закрыть модал.
Вот где у меня проблемы. Кажется, я не могу отказаться от модальности, когда все идет хорошо.
Я пытался$('#myModal').modal('hide');
и это не имеет никакого эффекта. Я также пытался$('#myModal').hide();
который заставляет модал отклонить, но оставляет фон.
Любое руководство о том, как закрыть модальный и / или удалить фон изнутриcreate.js.erb
?
Edit
Вот разметка для 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>