25.12.2018

Colorbox альтернативный url

Как задать альтернативный url в colorbox? - Спросите Вы. А очень просто. В colorbox есть для этого специальное свойство href.

К примеру у нас есть ссылка и блок popup:

<div id="popup">Я всплывающее окно Colorbox</div>
<a id="customlink" href="#" >Открыть popup</a>

И мы напишем вот такой скрипт:

$('#customlink').click(function(e){
  e.preventDefault(); // отключает стандартное поведение элемента
  $(this).colorbox({ // или $.fn.colorbox
    inline: true,
    href: '#popup'
  });
});

В итоге по клику на ссылку с id = "customlink" откроется всплывающее окно с id = "popup".

p.s. enjoy

Поделиться: