Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #11 (permalink)  
Старый 18.06.2019, 15:00
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,126

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>

Последний раз редактировалось рони, 18.06.2019 в 15:19.
Ответить с цитированием
  #12 (permalink)  
Старый 18.06.2019, 15:09
Интересующийся
Отправить личное сообщение для Mark0111 Посмотреть профиль Найти все сообщения от Mark0111
 
Регистрация: 18.06.2019
Сообщений: 10

Ошибка в браузере:

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)
Ответить с цитированием
  #13 (permalink)  
Старый 18.06.2019, 15:18
Интересующийся
Отправить личное сообщение для Mark0111 Посмотреть профиль Найти все сообщения от Mark0111
 
Регистрация: 18.06.2019
Сообщений: 10

Спасибо!!!!!!! Дело было в порядке подключения видимо.Можете объяснить логику
Ответить с цитированием
  #14 (permalink)  
Старый 18.06.2019, 15:21
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,126

Mark0111,
заменил, пост #11, jquery на 3.3.1 всё работает. не грузите разные версии, нужна только одна на всю страницу.
Ответить с цитированием
  #15 (permalink)  
Старый 18.06.2019, 15:37
Интересующийся
Отправить личное сообщение для Mark0111 Посмотреть профиль Найти все сообщения от Mark0111
 
Регистрация: 18.06.2019
Сообщений: 10

А как сказать этой функции что бы она не запускалась при загрузке страницы, а запускалась только по клику
Ответить с цитированием
  #16 (permalink)  
Старый 18.06.2019, 15:38
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,126

Mark0111,
убрать строки
<script>
$(function() {
   $('#exampleModal').arcticmodal();
});
  </script>
Ответить с цитированием
  #17 (permalink)  
Старый 18.06.2019, 15:59
Интересующийся
Отправить личное сообщение для Mark0111 Посмотреть профиль Найти все сообщения от Mark0111
 
Регистрация: 18.06.2019
Сообщений: 10

Я думал это и работает по клику. Надо учить этот JavaScript, а то я вообще не понимаю что происходит.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Манипуляции внутри созданного окна с помошью jQuery Nubi jQuery 15 24.07.2014 19:48
фрейм другого окна jquery faraday Общие вопросы Javascript 0 24.03.2012 00:58
Внешняя ссылка на страницу которая находится в IFRAME Модального окна плагина jQuery Андррр jQuery 0 07.12.2011 15:13
Подключение Jquery мешает фукции setTimeout belilo2001 jQuery 4 15.07.2011 15:29
Поиск плагина выводящего подсказки к ссылкам, jQuery. Flashton Элементы интерфейса 6 04.03.2010 20:47