Как автоматом закрыть модальное окно Bootstrap после Ajax success=1?

Question

[Олег Войтенко]

В ВТ еще только начинаю копошиться.
Стоит задача у меня такого рода:

1. есть форма:

<div class="modal fade bs-example-modal-sm" id="cardModal1" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true">
	 <div class="otpiska modal-dialog modal-sm">
       <div class="modal-content">
		  <button class="close" data-dismiss="modal" type="button"></button>
          <h4>ЗАКАЗ ОБРАТНОГО ЗВОНКА</h4>
          <p>Пример: [phone]</p>
          <form class="send-form">
				<input type="text" class="w_100" placeholder="Ф.И.О." name="name" id="name" required="required">
				<input type="text" class="w_100" placeholder="Телефон" name="phone" id="phone" required="required">
			  <input type="hidden" class="w_100" value="Заказ обратного звонка" name="action" id="action">
				<input type="submit" value="ОТПРАВИТЬ">
			  </form>
          </div>  
		</div>
	   </div>

есть простой обработчик Ajax
success: function(response) {
Вот здесь вопрос, что нужно прописать, чтобы указанное модальное закрылось, если успешно?
(пробовал уже кучу вариантов, ни один не сработал), то-есть сработал data-dissmiss="modal"
}

Надеюсь понятно объяснил пролему.

Answer 1

[Darth Moul]

success: function(response) {
    $('#modal1, #modal2, #modal3').modal('hide')
}

modal('dispose') - уничтожает модальный элемент.
так же можешь воспользоваться поиском родительского модального окна

$('form.send-form').parents('.modal').modal('hide')