Как открыть модальное окно после отправки формы?

Question

[Александр Дерзкой]

Пишет что ошибка в синтаксе,но не могу понять где,помогите пожалуйста+ с оброботчиком формы беда,заранее спасибо

$(document).ready(function() {

  //E-mail Ajax Send
  $("form").submit(function() { //Change
    var th = $(this);
    $.ajax({
      type: "POST",
      url: "mail.php", //Change
      data: th.serialize()
    }).done(function() {
      //при нажатию на любую кнопку, имеющую класс .btn
  $(".btn btn-block btn-animate").click(function() {
    //открыть модальное окно с id="myModal"
    $('#catalog').modal('show');
  });
});
      setTimeout(function() {
        // Done Functions
        th.trigger("reset");
      }, 1000);
    });
    return false;
    
  });

PHP

<?php
$name= $_POST["name"];
$email= $_POST["email"];
$message= $_POST["message"];
 
$EmailTo= "[e-mail]";
$Subject= "новый лид";
 
// Подготовка шапки сообщения
$Body.= "Имя: ";
$Body.= $name;
$Body.= "\n";
 
$Body.= "Email: ";
$Body.= $email;
$Body.= "\n";
 
$Body.= "Сообщение: ";
$Body.= $message;
$Body.= "\n";
 
// посылаем сообщение
$success= mail($EmailTo, $Subject, $Body, "From:".$email);
 ?>

DIV

<!-- /.modal -->
<div class="modal bullet-modal fade" tabindex="-1" role="dialog" id="catalog">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
<h4 class="modal-title">Спасибо за заявку</h4>
            </div>
            <div class="modal-body text-center">
Файлы ждут для Вас: нажмите на кнопку<br>
<br>
<a href="file.txt" download  class="btn btn-lg btn-promo" >Получить спец-предложение</a>
            </div>
        </div>
        <!-- /.modal-content -->
    </div>
    <!-- /.modal-dialog -->
</div>
<!-- /.modal -->

Answer 1

[Дима Паутов]

для начала, селектор указан уже не верно

$(".btn btn-block btn-animate") // У вас так
$(".btn.btn-block.btn-animate") // А должно быть так

Comments

[Александр Дерзкой]

все равно не решает проблему...

Answer 2

[Виктор Янышев]

$.ajax({
....,
 success: function() {
  $('#catalog').modal('show');
 }
})