-1

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

Есть простейшая форма

<form id="form_add_sellers" method="post">                  
      <input placeholder="E-mail" type="text" name="email" id="subscription_email">
      <button id="subscriber_reg_submit" type="submit">ПОЛУЧАТЬ</button>
</form>

Есть блок, выводящийся после успешной отправки данных

<div id="shadow"></div>    
<div id="subscriber_popup_after_submit">
         <div id="popup_close">X</div>
         <h2>Поздравляем! Вы были успешно подписаны</h2>
</div>

Есть скрипт, который на нажатие кнопки вообще никак не реагирует. Я проверяла в отладчике гугл-браузера, эта функция тупо никогда не вызывается

$(document).ready(function () {
    // Добавление нового подписчика
    $('#form_add_sellers').on('submit', function (e) {
        e.preventDefault();
        var $email = $('#subscription_email').val();
        $.post('/?func=add', {email: $email}, function (data) {
            console.log(data);
            if (data == 1) {
                $('#shadow').show();
                $('#subscriber_popup_after_submit').show();
            }else if (data == 2) {
                alert('Некорректно заполнено поле email');
            }else if (data == 0){
                alert('Пользователь с таким email уже существует');
            }                               
        }, 'text').fail(function () {
            alert('Ошибка! Данные не сохранены, перезагрузите страницу и попробуйте снова!');
        });
    });
    $('body').on('click', '#popup_close, #shadow', function() {
        $('#shadow').hide();
        $('#subscriber_popup_after_submit').hide();
    });
});

Подскажите, что я делаю не так?

На странице подключена библиотека jquery

<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
<script src="https://code.jquery.com/jquery-migrate-1.4.1.min.js"></script>

ХЭЛП МИ, плиз!(((

5
  • что именно не срабатывает - отправка формы или submit? Последнее должно работать судя по коду. Как в отладчике проверяли? 7 сен 2021 в 16:02
  • Во-первых, я ставлю внутрь тела функции брейкпойнт, во-вторых, как видите, там есть тестовый вывод данных в консоль, который не происходит, а в третьих, даже если вызов функции post срабатывает неверно (а он скорее всего срабатывает неверно), то алерт с ошибкой все же должен быть
    – ValT
    8 сен 2021 в 6:06
  • Ну тогда вам должно быть очевидно , что раз никакой реакции на нажатие нет, значит обработчик события навешивается когда когда целевого элемента еще не существует. 8 сен 2021 в 7:25
  • вот ваш код - всё нормально отрабатывает jsfiddle.net/upnf4hwg 8 сен 2021 в 7:33
  • Перенесла скрипт из инлайна во внешнюю ссылку, подключаемую в шапке, все заработало. Хотя из того, что тесты на скорость страниц всегда ругаются на внешние скрипты, блокирующие загрузку страниц, всегда думала, что инлайн скрипт сработает позже...
    – ValT
    9 сен 2021 в 11:24

1 ответ 1

0

Переместила скрипт из инлайна во внешний файл и включила в конце head - и все заработало...

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.