Uncaught TypeError: Object [object Object] has no method "fancybox"

Question

I have really strange problem with fancybox(2.x). I was using this script for ages but i hadn't experienced such problem before.

So, i have website: http://salomonsuperpark.pl/ and i've included every jquery/fancybox files as manual says but the JS console gives me the error

Uncaught TypeError: Object [object Object] has no method 'fancybox'

Have you any idea what am i doing wrong? Any help would be appreciated :)

score 53 · Accepted Answer · answered Jan 30 '12 at 21:37

53

There are couple of issues in your website.

You are including jQuery library 2 times one before and after including fancybox plugin js because of which the plugin which is added is cleared by second jQuery library inclusion.
There is some other library which is overridding $, so your code is not working because $ is not an alias for jQuery anymore. You can use jQuery.noConflict() to avoid conflicts with other libraries on the page which use the same variable $.

answered Jan 30 '12 at 21:37

ShankarSangoli

69,612
13
93
124

5

yeah, it was caused by jquery library included twice (i didn't noticed it). Thanks ! – mbajur Jan 30 '12 at 22:04
1

yeah i didn't noticed it, thanx and +1 – Sam Jun 04 '12 at 06:51
This is correct. Having two jquery library added cause this conflict. – Francisco Quintero Feb 13 '14 at 22:11

score 6 · Answer 2 · answered Jan 30 '12 at 21:35

6

Looks like jQuery is included twice, once near the top of the head and once near the bottom.

answered Jan 30 '12 at 21:35

danwellman

9,068
8
60
88

score 2 · Answer 3 · answered Dec 19 '12 at 18:31

I had a similar problem. Somehow, jQuery was being loaded twice. Turns out while testing something, I added a drupal_add_js line to load jquery in a block, which was disabled, but Drupal still evaluated the PHP in the disabled block.

When I removed the drupal_add_js line from the block, jQuery loaded fine, once per page.

score 1 · Answer 4 · answered Nov 10 '12 at 21:21

I have a css unify php script on my website that added both jquery and jquery postmessage plugin into the same javascript file.

So it was giving me the error above.

I have loaded the jquery postmessage separately without unifying it and it stopped giving me the error.

score 0 · Answer 5 · answered Sep 27 '13 at 20:30

I got it working with this code

<script type="text/javascript">
    (function( $ ) {   
        $(document).ready( function( ) {  
            $("a#fancyBoxLink").fancybox({
                'href'   : '#popupvid',
                'titleShow'  : false,
                'transitionIn'  : 'elastic',
                'transitionOut' : 'elastic'
            });

        });
    })(jQuery);      
</script>

score 0 · Answer 6 · answered Jul 18 '14 at 12:40

Jquery sub library may included in main library ,For example jquery.ui.sortable.js i have included in jquery-ui.js while downloading and i added again it was giving a error for me.

script type="text/javascript" src="vendor/js/jquery-ui.js">

script type="text/javascript" src="vendor/js/jquery.ui.sortable.js">

so verify sub library included or not

Uncaught TypeError: Object [object Object] has no method "fancybox"

6 Answers6

Linked