@Mracula

Как вызвать модальное окно которое находится в отдельном htm?

Вот строка вызова модального окна
<a href="#" data-reveal-id="myModal" class="btn btn-default btn-lg">Заказать</a>


Нашел как добавить определенный html на страницу в любое место
jQuery.ajax({
url: "mod1.html",
dataType: "html",
success: function(response) {
document.getElementById('container1').innerHTML = response;
}
});
</script>

Добавляем <div id="container1"></div>

У меня в этом mod1.html лежит контент модального окна. Как вызвать данное окно?
  • Вопрос задан
  • 185 просмотров
Пригласить эксперта
Ответы на вопрос 1
@Aricus
Первоначально окно нужно скрыть под
#container1 {
  display: none;
}

Ajax нужно подвесить на клик по ссылке (которую нужно сделать не ссылкой, а чем-то другим, чтобы страница не обновлялась), а после отработки добавить класс для проявления (кстати, рекомендую изучить jquery: для работы с html в разы проще чистого js):
$('[data-reveal-id="myModal"]').click(function() {
  jQuery.ajax({
    url: "mod1.html",
    dataType: "html",
    success: function(response) {
      $('#container1').html(response);
      $('#container1').addClass('appear');
    }
  });
});

Ну а как именно проявлять, вариантов куча.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
25 нояб. 2020, в 17:27
70000 руб./за проект
25 нояб. 2020, в 17:26
15000 руб./за проект
25 нояб. 2020, в 17:19
1000 руб./за проект