Спрятать фон после отправки формы Bootstrap

104
13 января 2022, 10:50

Всем привет))

Озадачил меня фон Bootstrap для модального окна, окно при отправке пропадает, но фон остается и убирается только перезагрузкой страницы..... Зловредный $('.axalax-maxalay').modal("hide"); не работает....

Что может помочь?)

Форма развернута на сайте https://oreshkashop.ru/market/goods/izum_terma_bez_hvostikov/ в кнопке обратной связи.... Код отправки прилагаю:

$(function () {
 $('.btn-call').on('click', function (event) {
      // console.log("lolkrk")
      $('.callme-modal').fadeIn();
 });
 $('.callme-modal').on('click', function (event) {
      let target = event.target;
      target = target.closest('.callme-box')
      // console.log(target)
      if (!target) {
           $('.callme-modal').fadeOut();
      }
 });
 $('form').on('submit', function (event) {
      event.preventDefault();
      var data = $(this).serialize();
      $.ajax({
           url: $(this).action,
           type: 'POST',
           data: data,
           dataType: 'text json',
           success: function (result) {
                // var response = JSON.parse(result);
                console.log(result);
           }
      });
      return false;
 });
Answer 1

Добавь к конец callback $(".modal-backdrop").fadeOut();

$('form').on('submit', function (event) {
      event.preventDefault();
      var data = $(this).serialize();
      $.ajax({
           url: $(this).action,
           type: 'POST',
           data: data,
           dataType: 'text json',
           success: function (result) {
                // var response = JSON.parse(result);
                console.log(result);
                $(".modal-backdrop").fadeOut();
           }
      });
      return false;
 });
Answer 2

Фон остается из-за классов modal-backdrop fade show. Я в бутстрап не силен, скорее всего предыдущий ответ поможет. Если нет, то в success надо прописать $(".modal-backdrop").remove(); либо $(".modal-backdrop").hide();

READ ALSO
Убрать лишние dots в Own Corousel

Убрать лишние dots в Own Corousel

День добрый, есть карусель и в ней 8 элементовПри прокрутке к последнему элементу появляются лишние квадратики, как их убрать ? Пример: http://joxi

98
сущности в Hibernate

сущности в Hibernate

есть SQL две таблицы,пользовататель может пренадлежать только к одной команде

191
Прошу помощи в понимании интерфейса Future<>

Прошу помощи в понимании интерфейса Future<>

В университете дали задание, написать поискового робота, с помощью ExecutorServise, а доступ к единому индексу должен получаться с помощью Future<>И...

90
Объясните почему нажатие кнопок все равно работает

Объясните почему нажатие кнопок все равно работает

Смотрю видеоурок на тему считывания и записи введеного текста в файл на устройство (https://wwwyoutube

82