• Не работает Ajax запрос при отправке формы обратной формы. В чем причина?

    @Nub_Ready Автор вопроса
    Начинающий Front-end разработчик Опыт >6 месяцев
    Подключил Jquery в начале документа
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
        <title>Заголовок </title>
        <link rel="stylesheet" href="css/style.css">
        <link rel="stylesheet" href="css/normalize.css">
        <link rel="stylesheet" href="css/font-awesome.min.css">
        <link rel="stylesheet" href="css/animate.css">
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> 
      </head>


    А сам скрипт в конце документа:
    <script src="js/jquery.nicescroll.min.js"></script>
        <script src="js/wow.min.js"></script>
        <script src="js/main.js"></script> // ВОТ ОН
        <script>
          new WOW().init();
        </script>
        <script>
          $(document).ready(
              function() {
                  $("html").niceScroll({cursorcolor:"#000"});
              }
          );
        </script>
      </body>
    </html>

    Сам скрипт выглядит так: c
    $(function(){
    $('form').submit(function(event) {
        event.preventDefault();
        $.ajax({
          type: "POST",
          url: "mailer/smart.php",
          data: $(this).serialize()
        }).done(function() {
          $(this).find("input").val("");
          alert("Сообщение успешно отправлено");
          $("form").trigger("reset");
        });
        return false;
      });
    });


    Страница по прежнему перезагружается и выходит белый экран
    Ответ написан