Всплывающая подсказка со стрелкой при загрузке страницы

голоса: 0

Все привет!

Очень хочется сделать такую штуку, типа модальное окно, появляющееся при загрузке страницы, с текстом и стрелочкой, типа "Нажмите сюда, чтобы произошло это", ну и там крестик закрыть окно.

Нашел отличное готовое решение и даже статью про него на хабре, ссылки: хабр https://habrahabr.ru/post/270665/ и гитхаб https://github.com/xbsoftware/enjoyhint

Решение супер, но блин я видать что-то делаю не так... Не могу найти у себя ошибку.

В общем в моем случае нужна одиночная подсказка (первый случай на хабре), то есть берем с гитхаба файлы, заливаем к себе через файломенеджер, получаем следующее:

   <script src="/js/enjoyhint.min.js"></script> <link href="/js/enjoyhint.css" rel="stylesheet"> <script src="/js/hint.js"></script>

Первые два файла - скаченные с корневого каталога на гитхабе, содержимое третьего (hint.js) получается такое:

   var enjoyhint_script_steps = [ 	{ 		'click .btn' : 'Эта кнопка позволяет фильтровать результаты поиска' 	}  ]; enjoyhint_instance.set(enjoyhint_script_steps); enjoyhint_instance.run();

Для тестирования работы этой штуки на сайте я даже сделал на нужной странице (странице контактов, на которую я и вставлял скрипты) тестовую кнопку, такую:

   <button class="btn">123</button> 

По моей логике все должно было заработать, но видимо я где-то ошибся..

Буду благодарен за любое содействие! =)

Адрес сайта http://wzch.ru/contacts_lipetsk
| Автор: | Категория: Дизайн сайта

Ответов: 1

голоса: 0
 
Лучший ответ
Могу предположить, что не подключена jquery, которая нужна для корректной работы скрипта...
| Автор:
Выбор ответа лучшим | | Автор: Yuri_Geruk
Спасибо за ответ!  JQuery подключен на ucoz по умолчанию, у меня в настройках стоит версия 1.7.2, соответственно дополнительно ничего подключать не нужно. Я на всякий случай попробовал подключить отдельно, не помогло.
...