ansaurus

Question

Answer 1

A:

Start by trying to download the jquery.js file (or whatever it's called) from your browser. Go to View Source. Some browsers automatically highlight links so you can click them. See if the jquery.js file loads when you visit it. If not, you have a server configuration issue.

Otherwise, create a simple HTML file that uses your jQuery script. If it works just fine, you will have isolated the problem.

One thing to test is to see if the jQuery variable is still available. $ might have been changed to refer to another JavaScript library. If that's the case, you don't have to replace all of your $s with jQuerys; you can keep your code compatible with code using other plugins by wrapping your jQuery-using code like this:

(function($){
    /* Code using $ for jQuery. */
}(jQuery));

Joey Adams 2010-04-29 05:01:33

I was able to download the file (if you mean point my browser address to the jquery file)I created a simple html page, with a simple alert through jquery, no luck.I'll have to try the comptability issue in the morning, might actually need sleep soon.

Brandon Condrey 2010-04-29 05:47:02

Answer 2

A:

To troubleshoot, try pointing the <script> tag for jQuery to the Google AJAX Libraries source at http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js. If that works, then you are just messing up your src attribute. Post the header that you have in your page and where you placed jQuery physically.

EDIT (after looking at code): I wonder if "compatible.js" is overriding the $ function declaration. Try to replace all instances where you use $ with just jQuery. Also your Javascript does not seem to be in <script> tags. Make your code look like this:

<head> 
  <link href="main.css" rel="stylesheet" type="text/css"> 
  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"&gt;&lt;/script&gt; 
  <script type="text/javascript" src="compatible.js"></script> 
  <script type="text/javascript" src="jquery.lightbox-0.5.js"></script>
  <script type="text/javascript">
      jQuery(document).ready(function () { jQuery('a.lightbox').lightBox(); });
  </script>
  <title>Pearce Images</title> 
  <link href="slider.css" rel="stylesheet" type="text/css">

Strelok 2010-04-29 05:01:49

Tried the google source, same problem unfortunately. I've added the requested head code (sorry if it looks odd, I had a hard time with the markdown...).

Brandon Condrey 2010-04-29 05:41:04

Answer 3

A:

It might be a copy-paste problem, but there's an extra space after "1.4.2":

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2 /jquery.min.js"></script>

nbr 2010-04-29 05:44:19

if only it were that simple, just a copy and past on that one I'm afraid. Thanks for the good eye though.

Brandon Condrey 2010-04-29 05:53:26

Answer 4

A:

Also check if you are calling jquery again from compatible.js... That may sometime cause this issue....

SpikETidE 2010-04-29 07:01:39

Answer 5

A:

Oh man I feel like a jackass:

<script type="text/javascript" src="jq.browser.js"></script>

Is a plugin to detect browser type and os, this is what the "compatible.js" file uses. I apparently failed to transfer that so many times last night. Not sure why it broke the rest of the jquery functions, I would think it would just skip over the compatible functions, this is the contents of compatible.js:

var links = "a.links,a.trigger";
var folio = "a.portfolio";
//
//
$(document).ready(function() {
if ($.os.name == "mac")
{
$(links).css("fontSize","76.6%");
$(folio).css("fontSize","76.6%");
$(links).css("top","-4px");
$(folio).css("top","5px");
}
});

All is well, thanks for all the help guys!

Brandon Condrey 2010-04-29 14:10:27

ansaurus

tags:

views:

answers:

Jquery failure after site went live

related questions