jquery simplebox Плагин для модальных окон (от jetcoders)
Primary tabs
Идя состоит в том, что некоторым ссылкам с некоторым классом (например .simplebox) и с якорным адресом будет привязан обработчик события клика, который покажет модально блок, id которого "совпадает" с якорным адресом этой ссылки, т.е. как бы формируются пары "ссылка -- блок".
Привязка событий
Например, есть html блока:
<div class="modal" id="modal01"> <span class="close">close</span> <p>Some text</p> </div>
Тогда создадим ссылку:
<a class="simplebox" href="#modal01">Open modal01</a>
И привяжем события для всех ссылкой с классом симплбокс, в том числе и для нашей:
$(function() { $('.simplebox').simplebox(); });
Открытие модального окна из кода (JS)
Достаточно сделать такой вот вызов с указанием id модального окна:
$.simplebox('#modal01');
Источники
Скачать плагин (и почитать оригинальную документацию): https://github.com/JetCoders/simplebox
- Log in to post comments
- 5281 reads