dalmariko
@dalmariko
Ни рыба ни мясо. Програмясо

Как в бутсрап сделать чтобы по кнопке через некоторое время убиралось окно?

function phone() {
//	
    var formphone = `
<div id="myModalBoxPhone"  class="modal fade" tabindex="-1">
  <div class="modal-dialog">
    <div class="modal-content">
      <!-- Заголовок модального окна -->
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
        <h4 class="modal-title">Оставьте ваши данные и вам перезвонят.</h4>
      </div>
      <!-- Основное содержимое модального окна -->
      <div class="modal-body">
        
        <form class="form-horizontal" role="form">
  <div class="form-group">
    <label for="inputName" class="col-xs-3 control-label">Как вас зовут?</label>
    <div class="col-xs-8">
      <input type="text" name="name" class="form-control" id="inputName" placeholder="Ваше имя?"  required>
    </div>
  </div>
  <div class="form-group">
    <label for="inputPhone" class="col-xs-3 control-label">Ваш телефон</label>
    <div class="col-xs-8">
      <input type="phone" name="phone" class="form-control" id="inputPhone" placeholder="Введите  ваш номер телефона" required>
    </div>
  </div>
<!-- Футер модального окна -->
      <div class="modal-footer">
        <button  type="submit"  data-target="#myModalSenksPhone" data-toggle="modal" class="btn myModalSenksPhone btn-primary open-form" >Оставить заявку</button>
      </div>
</form>
      </div>
      
  </div>
</div>
    </div>

`;
  $('body').append(formphone);
    
   
}

function phoneok(){
    var varphoneok = `


       <!-- HTML-код модального окна -->
<div id="myModalSenksPhone" class="modal myModalSenksPhone fade" data-toggle="modal" tabindex="-1">
  <div class="modal-dialog modal-sm">
    <div class="modal-content">
      <!-- Основное содержимое модального окна -->
      <div class="modal-body">
         <h5>Спасибо за обращение вам перезвонят.</h5>
      </div>
      
    
  </div>
</div>
    </div>  

  `;
$("body").append(varphoneok);
   
} 

 
$('button.myModalBoxPhone').on('click', phone);
     
$('button').on('click', phoneok);


Если я к примеру добавляю

$('button.myModalSenksPhone ').fadeOute(3000);

То ничего не происходит. КАк быть уже замучался. Может кто делал подскажите что не так и самое главное где читать.
  • Вопрос задан
  • 134 просмотра
Пригласить эксперта
Ответы на вопрос 1
webirus
@webirus
Тыжверстальщик! Наверстай мне упущенное...
fadeOute

fadeOut %)
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
summer Ярославль
от 100 000 до 140 000 ₽
КРАФТТЕК Санкт-Петербург
от 60 000 до 80 000 ₽
19 апр. 2024, в 22:48
100 руб./за проект
19 апр. 2024, в 20:43
20000 руб./за проект