arcticmodal модальное окно
Mark0111,
<!DOCTYPE html>
<html>
<head>
<title>arcticmodal dark</title>
<meta charset="utf-8">
<style type="text/css">
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/vjik/arcticModal@master/arcticmodal/jquery.arcticmodal.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/vjik/arcticModal@master/arcticmodal/themes/dark.css">
<!--<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/vjik/arcticModal@master/arcticmodal/themes/simple.css">
для светлой темы
-->
<script src="https://cdn.jsdelivr.net/gh/vjik/arcticModal@master/arcticmodal/jquery.arcticmodal.js"></script>
<script>
$(function() {
$('#exampleModal').arcticmodal();
});
</script>
</head>
<body>
<div style="display: none;">
<div class="box-modal" id="exampleModal">
<div class="box-modal_close arcticmodal-close">закрыть</div>
Пример модального окна
</div>
</div>
<button id="#example1fjjh" onclick="$('#exampleModal').arcticmodal()">Простое модальное окно</button>
</body>
</html>
|
Ошибка в браузере:
VM72 jquery-3.3.1.min.js:2 Uncaught TypeError: $(...).arcticmodal is not a function at HTMLDocument.<anonymous> ((index):70) at l (VM72 jquery-3.3.1.min.js:2) at c (VM72 jquery-3.3.1.min.js:2) |
Спасибо!!!!!!! Дело было в порядке подключения видимо.Можете объяснить логику
|
Mark0111,
заменил, пост #11, jquery на 3.3.1 всё работает. не грузите разные версии, нужна только одна на всю страницу. |
А как сказать этой функции что бы она не запускалась при загрузке страницы, а запускалась только по клику
|
Mark0111,
убрать строки
<script>
$(function() {
$('#exampleModal').arcticmodal();
});
</script>
|
Я думал это и работает по клику. Надо учить этот JavaScript, а то я вообще не понимаю что происходит.
|
| Часовой пояс GMT +3, время: 06:29. |