Uikit2 ! Подключить фрейм (iframe) к Uikit lightbox
Почему-то uikit может выводить в лайтбоксе только скрытые блоки... Нашёл способ как добавить фрейм.
* Вроде подключение фрейма уже идёт из коробки...
Скрипт:
(function () { "use strict"; UIkit.on('beforeready.uk.dom', function () { UIkit.plugin("lightbox", "iframe", { init: function (lightbox) { lightbox.on("showitem.uk.lightbox", function (e, data) { var resolve = function (source, width, height) { data.meta = { 'content': '<iframe class="uk-responsive-width" src="' + source + '" width="' + width + '" height="' + height + '"></iframe>', 'width': width, 'height': height }; data.type = 'iframe'; data.promise.resolve(); }; if (data.type === 'iframe' || data.source.match(/\.(html|php)$/)) { resolve(data.source, (lightbox.options.width || 800), (lightbox.options.height || 600)); } }); } }); }); }());
Ссылка должна быть вот такой:
<a class="uk-button" href="/kontakty?tmpl=component" data-uk-lightbox="{width:400, height:500, duration:'2000'}" data-lightbox-type="iframe">Iframe lightbox</a>
Т.е. добавить обязательный атрибут: data-uk-lightbox data-lightbox-type="iframe"
Ссылки и благодарности
Источник: