Question

my jQuery Code

$("#div1").load("test1.html")  

$("a#link").fancybox({
    'transitionIn'  : 'elastic',
    'transitionOut' : 'elastic',
    'width'         : 400,
    'height'        : 200,
    'overlayOpacity': 0.5,
    'type'          : 'iframe'
});

After .load my fancybox doesn’t work.

It work in test1.html.

How am i suppose to write it?

Answer 1

I don’t know anything about fancybox but when using the load function the data is loaded asynchronously so anything after the call to load could be done before it is loaded. you should add the code into the callback if you want it to effect the items you have loaded in.

$("#div1").load("test1.html", function () {
    $("a#link").fancybox({
        'transitionIn'  : 'elastic',
        'transitionOut' : 'elastic',
        'width'         : 400,
        'height'        : 200,
        'overlayOpacity': 0.5,
        'type'          : 'iframe'
    });
})