Fancybox asynchronous behavior?

Question

I'm having an issue with fancybox. When I load the fancybox, the viewport darkens like normal but it seems that the next line of code is running before my fancybox completely loads.

Ex:

 alert("first");
    jQuery.fancybox({
        'href' : 'form.html',
        'width' : '30%',
        'height' : '50%',
        'type' : 'iframe'
    });
alert("done");

When my codes runs, first is alerted, then the viewport darkens and then done is alerted, and then my fancybox loads.

Is there a way to stop this asynchronous behavior and instead change it so that nothing after the fancybox code will execute until after fancybox closes?

Thanks!

Answer 1

There's no way to "pause" the script for the fancybox execution, you have to put the alert in the onClosed callback:

alert("first");
jQuery.fancybox({
    'href' : 'form.html',
    'width' : '30%',
    'height' : '50%',
    'type' : 'iframe',
    'onClosed': function(){ alert(done)}
});