External jquery

Hey guys, quick question:

You know how you can have internal, external or inline css or javascript, can that be done with jquery?

I have this example from [api.jquery.com...]

<!DOCTYPE html>
<html>
<head>
 <style>
  span { color:red; cursor:pointer; }
  div { margin:3px; width:80px; display:none;
   height:80px; float:left; }
   div#one { background:#f00; }
   div#two { background:#0f0; }
   div#three { background:#00f; }
  </style>
 <script src="http://code.jquery.com/jquery-latest.min.js"></script>
</head>
<body>
 <span>Click here...</span>

  <div id="one"></div>
  <div id="two"></div>
  <div id="three"></div>
<script>
   $(document.body).click(function () {
    $("div:hidden:first").fadeIn("slow");
   });
  </script>

</body>
</html>

Which works fine, but if I try to send the javascript to an external file it wont work. I am calling that script in the head tag

after the script that calls the library so it looks like this:

<!DOCTYPE html>
<html>
<head>
 <style>
  span { color:red; cursor:pointer; }
  div { margin:3px; width:80px; display:none;
   height:80px; float:left; }
   div#one { background:#f00; }
   div#two { background:#0f0; }
   div#three { background:#00f; }
  </style>
 <script src="http://code.jquery.com/jquery-latest.min.js"></script>
 <script src="js/js.js"></script>
</head>
<body>
 <span>Click here...</span>

  <div id="one"></div>
  <div id="two"></div>
  <div id="three"></div>
</body>
</html>

and the js.js looks like this:

$(document.body).click(function () {
    $("div:hidden:first").fadeIn("slow");
   });

Any ideas people? Thanks everybody :)

External jquery

Sub_Seven

daveVk

Fotiman

Sub_Seven

Join The Conversation

Moderators and Top Contributors

Hot Threads This Week