Модальные окна arcticModal, подключение JQuery плагина
Подскажите, что я делаю не так.
Имеется Jquery плагин для реализации модальных окон. Сылка: https://arcticlab.ru/arcticmodal/#desc Инструкция подключения: Быстрый старт Подключаем jQuery и плагин jquery.arcticmodal: <!-- jQuery --> <script src="//yandex.st/jquery/1.9.1/jquery.min.js"></script> <!-- arcticModal --> <script src="js/arcticmodal/jquery.arcticmodal-0.3.min.js"></script> <link rel="stylesheet" href="js/arcticmodal/jquery.arcticmodal-0.3.css"> <!-- arcticModal theme --> <link rel="stylesheet" href="js/arcticmodal/themes/simple.css"> Вставляю HTML-разметка:
<div style="display: none;">
<div class="box-modal" id="exampleModal">
<div class="box-modal_close arcticmodal-close">закрыть</div>
Пример модального окна
</div>
</div>
Вставляю javascript:
$(function(){
$('#exampleModal').arcticmodal();
});
Я это все сделал, но ничего не работает!! Вот я создал такой HTML файл для тестирования, что тут может быть не так?
<!-- jQuery -->
<script src="https://yandex.st/jquery/1.9.1/jquery.min.js"></script>
<!-- arcticModal -->
<script src="jquery.arcticmodal-0.3.min.js"></script>
<link rel="stylesheet" href="jquery.arcticmodal-0.3.css">
<!-- arcticModal theme -->
<link rel="stylesheet" href="themes/simple.css">
<div style="display: none;">
<div class="box-modal" id="exampleModal">
<div class="box-modal_close arcticmodal-close">закрыть</div>
Пример модального окна
</div>
</div>
<span id="#example1fjjh" onclick="$('#exampleModal').arcticmodal()">Простое модальное окно</span>
<script>
$('#exampleModal').arcticmodal();
</script>
|
Mark0111,
файлы плагина скачали и установили на сервер? |
Я скачал файлы плагина. В папке с плагином создал html документ, его содержимое я описал выше. Открываю html файл в браузере, но ничего не работает
|
Mark0111,
танцы с бубнами, в плагине найдите строку wrap: undefined, и замените на
wrap: $("body"),
|
Нет такого
|
|
У них на сайте есть примеры, где все работает. Скорее всего я что то не так делаю... Этот фронт энд может свести с ума, ничего не работает и поди разберись почему.
|
Mark0111,
да wrap: void 0, на wrap: $("body"), |
Mark0111,
второй способ! заменить $('#exampleModal').arcticmodal(); на
$(function() {
$('#exampleModal').arcticmodal();})
в этом случае плагин можно не трогать |
Спасибо! Но теперь в этом тестовом файле работает, а в приложении на локал хостинге нет(
|
| Часовой пояс GMT +3, время: 03:41. |