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:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script type="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/2012 11:35:54 AM
Error: $(".cont .wrapper .block select.styled").select_skin is not a function
Source File: http://www.adzire.com/js/main.js
Line: 6

Timestamp: 22/06/2012 11:36:03 AM
Error: detailsBox is not defined
Source 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"