FancyBox Implementation Problems-Collection of common programming errors

I’m having some problems getting FancyBox to work…I figure its something pretty simple but I’m still a beginner with web design and the process is a little confusing to me right now. This is what I have so far:

    
    


    
    

    
    
    
    
    
        $(document).ready(function() {
            $("a.iframe").fancybox();
        });
    


    Test FancyBox Here!

The error I’m getting is pretty popular on SO but I’ve looked for all the fixes mentioned and nothing has worked yet. This is what I’m getting:

Uncaught TypeError: Object # has no method 'fancybox'

Any help with this would be greatly appreciated! Thanks all!

1. You are loading fancybox twice (the normal source one and the packed one). Also remove the dot from your src attributes and make sure the file is where you say it is

   So change this

   To this

   or only this

   but not both

2. Try not including the fancybox js file twice on the same page.

Originally posted 2013-11-29 06:07:47.