2014-11-16 5 views
1

Я также хотел использовать функцию jquery load.() Для предварительной загрузки форм и загрузки их при запуске fancybox. Я знаю сценарий для предварительной загрузки форм, но как это сделать, только когда запускается fancybox?JQuery Preload content В Fancybox 2

FancyBox сценарий

$(".fancybox").fancybox({ 
afterLoad: function() { 
    if (this.type == "inline") { 
     this.width = this.element.data("width"); 
     this.height = this.element.data("height");}} 
'content' : $("#new-projects") }); 

Preload Content

$("#new-projects").load("/resources/load.html #projects li"); 

ответ

0

нагрузка содержание в скрытом DIV,

$("#new-projects").load("/resources/load.html #projects li"); 

затем использовать content вариант FancyBox, как:

$(".fancybox").fancybox({ 
    .... 
    'content' : $("#new-projects") 
}); 

Edit :: у вас есть дополнительные круглые скобки, сделать,

$(".fancybox").fancybox({ 
    afterLoad: function() { 
     if (this.type == "inline") { 
      this.width = this.element.data("width"); 
      this.height = this.element.data("height"); 
     } 
    'content' : $("#new-projects")  
}); 
+0

У меня есть несколько форм для загрузки точно так же. Как это сделать для множественного содержимого? спасибо. – Jen

+0

@ Jen либо вам нужно будет сделать ваши идентификаторы уникальными, либо использовать класс вместо идентификатора для контейнера DIV, где вы будете загружать контент, и использовать правильный селектор для передачи контента в опции fancybox. –

+0

Я получаю синтаксическую ошибку сообщение в моем коде. Я обновил его в своем вопросе. Я делаю что-то неправильно? – Jen