CODEWITHSUNDEEP
jqueryformsiframefancybox
princeTaj
princeTaj

Reputation: 3

Fancybox not displaying iframe content

I'm trying to display a html form (not inline) in a fancybox. However, clicking the link just re-directs to the actual page containing the form. I'm not sure why this is happening.

Below is an excerpt of my code:

Html:

<a href="http://localhost:8080/mysite/popups/registration_1.html" class="register">register</a>

Javascript:

$(document).ready(function() {
    $("a.register").fancybox({
        'type' : 'iframe'
    });
});

I can't figure out for the life of me what I'm doing wrong. Looking at the fancybox documentation, the above appears to be correct syntactically.

I'm using the latest fancybox release (as of writing this), version: 1.3.4.

Any thoughts, or ideas would be much appreciated...

Thanks,

-Tom

Upvotes: 0

Views: 1437

Answers (1)

Ricardo Souza
Ricardo Souza

Reputation: 16456

Have you checked if you are including the jQuery JS file before the Fancybox JS file and that their paths to the file you are including are right.

I've maded a test in this jsfiddle and it worked. Note that I've included the JS and CSS for the fancybox at the left and selected jQuery.

Upvotes: 1

Related Questions