Question

I’m trying to place a textbox into Fancybox2.

However, when I click the textbox then Fancybox code seems to reload. How can I prevent this from happening?

You can see an example of the problem here; http://jsfiddle.net/geefg/11/

Answer 1

http://jsfiddle.net/64epM/

I did a trick by replacing the content with the content by doing:

$(".fancybox")
    .attr('rel', 'gallery')
    .fancybox({
        padding : 0,
        afterLoad : function() {
            this.content = this.content.html();                            
        }
    });