Skip to content Skip to sidebar Skip to footer

Fancybox Not Working

How fix this problem in fancybox? Uncaught TypeError: Object # has no method 'fancybox' localhost/:74 (anonymous function) http://localhost/:74 o.extend.ready.o.ready

Solution 1:

You need to include fancybox script after jquery:

<scripttype="text/javascript"src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script><scripttype="text/javascript"src="js/jquery.fancybox-1.3.4.pack.js"></script>

Solution 2:

Your site adzire.com throws javascript errors so that is making some of your scripts (including fancybox) to fail. You need to tide up your code a bit:

First, you only need a single instance of jQuery (ideally the latest version), so far you have 3 (1.4, 1.6.2 and 1.7.2). I guess you should remove v1.4 and 1.6.2 (some plugins include a copy jQuery but it doesn't mean you need them all.) Also make sure that load jQuery before any other script or jQuery plugin.

Second, same as jQuery, you only need a single instance of any of your jQuery plugins. You are loading jQuery UI 1.8.21 twice ... remove one. I guess because you load each of them after a different version of jQuery, it creates these erros:

Timestamp:22/06/201211:35:54AMError:$(".cont.wrapper.blockselect.styled").select_skinisnotafunctionSource File:http://www.adzire.com/js/main.jsLine:6Timestamp:22/06/201211:36:03AMError:detailsBoxisnotdefinedSource File:http://www.adzire.com/Line:115

A bit of clean up might fix your issues, including fancybox issue.

Post a Comment for "Fancybox Not Working"