Я пытаюсь реализовать magnific popup
У меня есть следующая ссылка <a class="simple-ajax-popup" href="/index.json">load json</a>
Когда я нажимаю ссылку, лайтбокс находится в состоянии загрузки и выдает исключение как
Uncaught TypeError: Cannot call method 'createDocumentFragment' of undefined
Я использую рельсы 4, а также плагин jquery-fileupload, но он работает.
Пожалуйста, прочтите это Документация: тип контента
Вы не можете использовать json как html. Вы должны положить json в html. Что вы могли бы сделать?
Что-то вроде этого:
$.magnificPopup.open({
items: {
src: '<div class="white-popup">Dynamically created popup</div>', // can be a HTML string, jQuery object, or CSS selector
type: 'inline'
callbacks: {
open: function() {
$.getJSON("/index.json").done(function( data) {
data.each( function(index, value) {
$("div.white-popup").append(value);
});
})
},
close: function() {
// Will fire when popup is closed
}
});
Надеюсь, это поможет.