Fancybox :TypeError: $(…).Fancybox is not a function

Question

I want to open a fancy box, But it give a Type error, can you please help me to solve this problem

view page contain following code

Answer 1

The "no conflict" trick helps. To use an author's existing plugin code, you can wrap it in an IIFE:

// IIFE passing in jQuery.noConflict()
(function(jQuery){

     // Original author's plugin code
     // ...
     jQuery("a.fancybox").fancybox({ ... }
     // ...

})(jQuery.noConflict());

I've had to do this for two WordPress plugins to get them working with Firefox: Easy FancyBox and FancyBox for Wordpress. I hope this helps.