Невозможно вызвать метод createDocumentFragment неопределенной

Question

Я пытаюсь реализовать magnific popup

Я имею следующую ссылку <a class="simple-ajax-popup" href="/index.json">load json</a>

Когда я нажимаю на ссылку, лайтбокс в состоянии загрузки и генерирует исключение, как

Uncaught TypeError: Cannot call method 'createDocumentFragment' of undefined

Я использую рельсы 4, а также у меня есть jquery-fileupload плагин, но он работает.

Answer 1

Пожалуйста, прочтите это Documentation: content type

Вы не можете использовать 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 
     } 
}); 

Я надеюсь, что это поможет.