Jquery - fancybox e callback

Question

Ho un problema con fancybox.
Voglio scrivere una funzione che verrà eseguita quando la fancybox è stata aperta. Come e quando chiamare la funzione?

Esempio:

function myFunc() { 
    alert("Opened!"); 
} 

$('.content a').fancybox({ 
    'hideOnContentClick': false , 
    'callBackOnShow': myFunc(), // This not working! It call function when page is loaded 
    'frameWidth': 920, 
    'frameHeight': 530 
}); 

Answer 1

Invece di myFunc() uso myFunc. In javascript, una funzione con Parents (e/o Arg) significa che vuoi chiamarla. Un nome di funzione senza di loro significa che si desidera solo un riferimento a quella funzione (che è probabilmente quello che fancybox vuole da voi)

Answer 2

dovrebbe essere: -

function myFunc() { 
    alert("Opened!"); 
} 

$('.content a').fancybox({ 
    'hideOnContentClick': false , 
    'callBackOnShow': myFunc, // no brackets 
    'frameWidth': 920, 
    'frameHeight': 530 
}); 

In alternativa, è possibile effettuare una funzione anonima .. .

$('.content a').fancybox({ 
    'hideOnContentClick': false , 
    'callBackOnShow': function() { alert('hello'); }, 
    'frameWidth': 920, 
    'frameHeight': 530 
}); 

Answer 3

in realtà, il controllo dei documenti, si dispone di un errore di battitura nella tua lista di opzioni ...

Hai callBackOnShow ma dovrebbe essere callbackOnShow (inferiore caso b) caso

Answer 4

'callbackOnShow': myFunc 

inferiore B come le opzioni sono case sensitive, e senza staffe sul myFunc, come si desidera passare alla funzione come opzione, non chiamarlo.

Answer 5

Questo funziona

$("#element").fancybox({ 
    onStart  : function() { 
     return window.confirm('Continue?'); 
    }, 
    onCancel : function() { 
     alert('Canceled!'); 
    }, 
    onComplete : function() { 
     alert('Completed!'); 
    }, 
    onCleanup : function() { 
     return window.confirm('Close?'); 
    }, 
    onClosed : function() { 
     alert('Closed!'); 
    } 
}); 

Answer 6

Il nuovo modo come farlo lavoro sta usando Aftershow o beforeShow:

$("a#registrace").fancybox({ 
    beforeShow : function() { 
    alert('its working!'); 
    validate_reg_form(); 
    } 
}); 

sto Caricando il modulo di registrazione tramite ajax e ho bisogno di abilitare form-validazione. In entrambi i casi (prima e dopo), il contenuto è già caricato.

Answer 7

Come dice il titolo "Jquery - fancybox e callback", è possibile un elenco completo delle opzioni di callback per il plug-in fancybox 2 che si trova sotto i callback della scheda.

http://fancyapps.com/fancybox/#docs

Se la vostra utilizzando il vecchio fancybox, forse l'aggiornamento a fancybox2 come il nuovo plugin ha caratteristiche migliori, con più controllo.