ansaurus

Question

Fancybox troubles

Answer 1

A:

I think you forgot to also include jquery itself. Fancybox depends on jquery.

<script type="text/javascript" src="path-to-file/jquery.js"></script>

richard 2009-09-20 21:15:57

I have included it and I can access it bia my browser.

Abs 2009-09-20 21:17:34

Answer 2

A:

$("a#inline").fn.fancybox(); should be $("a#inline").fancybox();

Frederik Vig 2009-09-20 21:16:07

I have tried this also and I get an error that says fancybox is not a function?! I have used many JQuery plugins before and they were straightforward. I have no idea whats going in here. Probably something simple and stupid.

Abs 2009-09-20 21:19:01

Check your path to your fancybox script and make sure it is included before you make a call to the fancybox function.

Frederik Vig 2009-09-20 21:20:02

Yep, I checked this too. I don't know what else I can do to debug this or solve this.

Abs 2009-09-20 21:21:18

I'm pretty sure your paths are wrong. Do a view source and copy/paste the paths into your browser. Also make sure that jQuery is included before the fancybox script.

Frederik Vig 2009-09-20 21:25:13

I also did that and the script appeared fine. Also I am looking at the scripts via firebug. This is getting strange!

Abs 2009-09-20 21:31:59

Answer 3

+1 A:

$('#inline').fancybox();

.fn refers to the prototype.

meder 2009-09-20 21:17:27

I get this: $("#inline").fancybox is not a function[Break on this error] $("#inline").fancybox();

Abs 2009-09-20 21:20:15

Check firebug net tab and see what's missing.

meder 2009-09-20 21:22:24

Make sure your script references look like this:http://jsbin.com/uqezi

meder 2009-09-20 21:24:12

I've got console and script tabs open. If this is what you mean?

Abs 2009-09-20 21:24:49

Make your web page as minimalistic as possible, try mimicking what I have. Post a public url if you could.

meder 2009-09-20 21:25:39

I'm developing on my localhost and i have a very minimalist page. I have pasted relevant HTML.

Abs 2009-09-20 21:31:18

Update your <script> src to the absolute URI:http://fancybox.net/js/fancybox/jquery.fancybox-1.2.1.jsIf it works then it's an issue with how you saved it. How is your site setup locally? Virtualhost? Maybe you need to do src="/fancy/foo.js"

meder 2009-09-20 21:32:01

Also please verify that you actually have the files inside of the 'fancy' directory. Somewhere along the lines you just made a simple mistake, be thorough.

meder 2009-09-20 21:33:00

I have verified this, I have even downloaded the files again. Does it matter if I am using relative files?

Abs 2009-09-20 21:41:00

Did you try absolutely linking them?

meder 2009-09-20 21:51:05

Yes, I even copied the URL you are using and I still get the same damn errors. Seriously what could possible be causing this. I am happy to listen to remote ideas! If I had some idea of what was going on I would of at least had a chance.

Abs 2009-09-20 21:52:14

Before anyone says it, I have been clearing caches after every test.

Abs 2009-09-20 21:52:44

OK PROBLEM SOLVED - I should of looked in my header file, I was requiring JQuery there too!! Sorry everyone. :(

Abs 2009-09-20 21:54:48

That's what I meant by making it more minimalistic, only the bare necessities.. which would be 3 script elements and html.

meder 2009-09-20 21:56:08

Sorry, I know. Thanks :)

Abs 2009-09-20 22:21:42

Answer 4

+1 A:

Di you find the error? Had the same problem. Solution was that i had included twice a javascript file, rather i included the jquery.js file twice.

jNik 2009-11-04 21:46:02

Answer 5

+1 A:

I was also having this problem and found that I had included jquery.js twice. Removing the second reference fixed the error I was getting from the fancybox call

Ben Trevino 2009-12-01 00:29:44

Answer 6

A:

As Ben said, make sure jQuery is not being included twice by accident.

Andy 2010-06-15 06:25:38

ansaurus

tags:

views:

answers:

Fancybox troubles

EDIT

related questions