Не корректная работа модальных окон

326
04 октября 2017, 11:05

Нужна помощь, не отображаются модальные окна. Нужно открыть модальное окно, это работает. Потом нужно закрыть модальное окно, и отобразить новое модальное окно, которое нужно закрыть.

Как должно работать, Открывается модальное окно, Затем но нажатию кнопки модальное окно закрыватеся (с замедлением fadeOut()), Затем открывается другое модальное окно, тоже медленно из размытого в явное. После чего оно плавно затухает.

Код:

(function($, undefined) { 
  $(function() { 
 
    $('#Phone').click(function() { 
      $('#FerstModal').modal('show'); 
    }); 
 
    $('#send').click( 
      function() { 
        $.ajax({ 
          url: "ajax.php", 
          data: { 
            name: $("#inputName").val(), 
            phone: $("#inputPhone").val() 
          }, 
          type: 'POST', 
          cache: false, 
          beforesend: (presend()), 
          success: (function() { 
            setTimeout(function() { 
              $('#FerstModal').modal('hide'); 
            }, 2000); 
          }) 
        }); 
 
        setTimeout(function() { 
          $('#Senks').modal('show'); 
        }, 3000); 
 
        setTimeout(function() { 
          $('#Senks').modal('hide'); 
        }, 3000); 
 
      }); 
  }); 
})(jQuery);

Answer 1

Давайте попробуем вот так.

(function($, undefined) { 
  $(function() { 
 
    $('#Phone').click(function() { 
      $('#FerstModal').modal('show'); 
    }); 
 
    $('#send').click( 
      function() { 
        $.ajax({ 
          url: "ajax.php", 
          data: { 
            name: $("#inputName").val(), 
            phone: $("#inputPhone").val() 
          }, 
          type: 'POST', 
          cache: false, 
          beforesend: (presend()), 
          success: (function() { 
            setTimeout(function() { 
              $('#FerstModal').modal('hide'); 
              $('#Senks').modal('show'); 
              setTimeout(function() { 
                $('#Senks').modal('hide'); 
              }, 3000); 
            }, 2000); 
          }) 
        }); 
      }); 
  }); 
})(jQuery);

READ ALSO
Срендерить html в изображение node

Срендерить html в изображение node

Коллеги, подскажите пожалуйста, каким образом можно срендерить html в png или jpeg на node? Отправлять request на сайт с ссылкой своего сайта для рендера...

301
Как использовать Angular 4?

Как использовать Angular 4?

Не уверен, что правильно поставлен вопрос но постараюсь объяснить в деталях

425