How to bind fancybox to dynamic added element?

Question

I use jquery fancybox 1.3.4 as pop form.

but I found fancybox can\'t bind to element dynamic added. for example when I add a html element to current document.

Answer 1

You could try something like this maybe:

 $(document.body).append("");

And then make a function to create and show Fancybox:

function showFancybox(){
    $.fancybox(
            '
Hi!
Content of popup
',
            {
                    'autoDimensions'    : false,
                'width'             : 350,
                'height'            : 'auto',
                'transitionIn'      : 'none',
                'transitionOut'     : 'none'
            }
        );
}