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"
Ссылки и благодарности
Источник: