Почему не срабатывает эффект после отправки формы?

Question

[MegaPuxapb]

Код:

$("form").each(function() {
    $(this).submit(function() {
            var action = $(this).attr('action');
            $.ajax({
                url: action,
                type: 'POST',
                data: {    
                    contactemail: $(this).find('input[type=email]').val()
                },
                success: function() {
                	$(this).closest(".section").find(".bg_form_submit").slideToggle("slow");
                	alert ("1");
                	$('form').trigger('reset');
                },
                error: function() {
                    alert ("0");
                }
            });
       return false;
    });
});

alert ("1") - при отправке выскакивает.
slideToggle - отдельно работает (проверил). После отправки формы, не срабатывает.
Как починить?

Answer 1

[Денис]

$("form").each(function(i, el) {
  $(el).submit(function() {
    let $that = $(this); // var $that = $(this);  - для ES5
    $.ajax({
      url: $that.attr('action'),
      type: 'POST',
      data: {
        contactemail: $that.find('input[type=email]').val()
      },
      success: function() {
        $that.closest(".section").find(".bg_form_submit").slideToggle("slow");
        alert("1");
        $('form').trigger('reset');
      },
      error: function() {
        alert("0");
      }
    });
    return false;
  });
});

P.S. Что-то мне подсказывает, что цикл тут вообще не нужен. У вас ведь одна форма на странице?

Comments

[MegaPuxapb]

Форм несколько.
Спасибо, работает.
Но всё равно, не понял, почему не срабатывает?

$(this).closest(".section").find(".bg_form_submit").slideToggle("slow");

[Анатолий Медведев]

MegaPuxapb, https://getinstance.info/articles/javascript/varia...