fancybox 2.1.4 - Uncaught TypeError: Cannot read property 'helpers' of undefined

Question

Having some issues with a website that I am working on I can't seem to get fancybox to work correctly testing it with a YouTube clip. Here is my script file. Using 2.1.4 with jQuery 1.9 script.js ``` var $j = jQuery.noConflict(); $j(document).ready(function(){ $j('.flexslider').flexslider({ animation: "slide" }); $j('.fancybox-media').fancybox({ openEffect : 'none', closeEffect : 'none', helpers : { media : {} } }); }); ``` the flexslider works just fine however the fancybox-media is having issues. when i click the link it just opens the link instead of opening media file in a fancybox window. Inside the chrome console it is saying ``` Uncaught TypeError: Cannot read property 'helpers' of undefined jquery.fancybox-media.js:88 (anonymous function) jquery.fancybox-media.js:88 (anonymous function) jquery.fancybox-media.js:196 ``` The link is defined as: ```

Watch This Video

``` Also if you want to lo…

Accepted Answer

Given that there are hundreds of views and no answer yet The ``` $('.fancybox').fancybox(); ``` needs to be called before calling any other code from fancybox In my case I had change the order in which javascript gets executed, from: ``` ``` to: ``` ```

fancybox 2.1.4 - Uncaught TypeError: Cannot read property 'helpers' of undefined

Solution

Problem