FancyBox - Jquery Errors

Question

I am using Fancybox. The Fancybox's sample works fine, but when I bring it into my own folder, I get an issue.

If I write:

$(document).ready(

    function() {

        $('.gallery a').fancybox(
            {
                overlayColor : '#060',
                overlayOpacity : .3

            }
        );

});

The Console errors shows:

ReferenceError: $ is not defined 
$(document).ready(

The page didn't work out!

I hit F12 and check all the JS and CSS files' connections, they are connected, but I still get an error. Any idea, please.

possible duplicate of [JQuery - $ is not defined](http://stackoverflow.com/questions/2194992/jquery-is-not-defined) — Pramod, Jun 23 '14 at 05:28
Make sure that jQuery is being loaded before everything else :-) — Rahul Patil, Jun 23 '14 at 05:43
Can you post the screenshot of network tab after hitting F12 (Web Developer tools) — Rahul Patil, Jun 23 '14 at 05:46
This is the Errors screen shot after I try to delete all unrelated codes and leave only Fancybox code and the links to JS and CSS files `http://oi62.tinypic.com/312v890.jpg` — abcid d, Jun 23 '14 at 05:55
I upgrated fancyBox and it works. Thank you very much for your help! — abcid d, Jun 23 '14 at 15:36

score 0 · Answer 1 · answered Jun 23 '14 at 05:26

0

Include jquery.js at top of all javascript file

 <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>

or if you have already added it than check your file path

answered Jun 23 '14 at 05:26

rajesh kakawat

10,826
1
21
40

I just added your link, but it doesn't work, either. I try to delete all unrelated codes and leave only Fancybox code and the links to JS and CSS files, it doesn't work, either. – abcid d Jun 23 '14 at 05:38

FancyBox - Jquery Errors

1 Answers1