Как сделать ссылку на поп-ап (модальное окно) ?

  • 317
  • 0
  • 02 февраля 2018

Иногда возникает потребность сделать ссылку не просто на страницу, а на модальное окно, которое находиться на этой странице.

Environment: jQuery, Bootstrap3 (modal window).

Ниже приведен сам скрипт, который уже готов к использованию.

В двух словах как это работает?

Ссылка/ + ID модального окна

  1. Скрипт анализирует hash текущего url.
  2. Если hash не пуст, тогда идет проверка есть ли такой элемент на странице, ID которого мы обнаружили в hash-e ссылки.
  3. Если такое модальное окно присутствует, тогда вызываем его функцией modal().
  4. P.S. Таймаут в одну секунду задан для того, что бы не сразу показывать модальное окно, а дать немного прогрузиться страничке
 

// Пример использования (демо)
https://devhelper.com.ua/#modal_form

Прокомментировать

×
Ваш комментарий успешно отправлен
и будет опубликован после модерации
× Превышен лимит отправки комментариев за период времени.
Пожалуйста, отправьте комментарий позже.