Announcement Announcement Module
Collapse
No announcement yet.
trying to install and get jQuery to work... Page Title Module
Move Remove Collapse
Search Search Module
Collapse

Advertisement Advertisement Module
Collapse

Latest Topics Latest Topics Module
Collapse

  • HotButton
    Reply to 4 Easy Tips to Manage Your PowerPoint File Size
    HotButton
    It's currently the MS-Office raster format of choice because its compression is lossless and its transparency is supported....
    Today, 02:23 PM
  • PrintDriver
    Reply to Updated Brochure layout for ArtMap
    PrintDriver
    Ah, you have just stepped into a big pile of my biggest pet peeve.

    Your printer's proof is NOT another opportunity to change things. It is your opportunity to approve the printer's color...
    Today, 01:44 PM
  • frutiger
    Reply to Why do I struggle with layout?
    frutiger
    Sounds like you're adhering to too many "rules" and limiting yourself "inside the box" too much. I'm sure you've heard the graphic design saying, "You have to know the rules in...
    Today, 01:39 PM
  • Momoshy
    Reply to Death By Micromanagement- Advice Needed
    Momoshy
    You are a good boss, my boss only gets incredibly upset when I point out things like this, or outright blames me instead.

    I guess what I am trying to say, is you have to weight the person...
    Today, 01:34 PM
  • frutiger
    Reply to 4 Easy Tips to Manage Your PowerPoint File Size
    frutiger
    I just make my photos at 100 percent to size in the PPT with a resolution of 150, sometimes less, then hand off to the client. I've heard that PNGs are the best for Office, but I'm not sure why.
    Today, 01:22 PM

Powered by mediabistro.com
Mediabistro Creative Sites Mediabistro Creative Sites Module
Collapse
X
Conversation Detail Module
Collapse
  • Filter
  • Time
  • Show
Clear All
new posts

  • trying to install and get jQuery to work...

    I want to play around with some jQuery, but I can't get anything to work. I must be missing something somewhere...I posted my test page below. When I click the link it should fade the red box out, but nothing happens. I don't get any errors in Firebug and I know my path to the javascript file is correct. Any ideas?

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
    <meta name="subject" content="" />
    <meta name="Description" content="" />
    <meta name="Keywords" content="" />
    <title></title>
    <link href="xxx.css" rel="stylesheet" type="text/css" media="screen"/>
    <link rel="icon" href="favicon.ico" type="image/x-icon" />
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
    <script src="http://www.site.com/js/jquery-1.3.2.min.js" type="text/javascript"></script>

    <style type="text/css">

    #box {background-color: red; width: 300px; height: 300px;}

    </style>

    <script type="text/javascript">
    $(function() {
    $('a').click(function() {
    $('#box').fadeOut();
    });
    });

    </script>


    </head>

    <body>

    <div id="box">

    </div>
    <a href="">fade Out</a>

    </body>

    </html>

  • #2
    haha wow, find out the problem....I added a "#" into the link href and it worked...

    <div id="box">

    </div>
    <a href="#">fade Out</a>

    Comment


    • #3
      Two quick things:
      1)You should link to jQuery like this:
      Code:
      <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
      That way it's possible the user will have it cached.

      2) you should add return false to the end of any link function that doesn't activate a link
      Code:
      $('a').click(function() {
      $('#box').fadeOut();
      return false;
      });
      This makes sure that the link is not activated by the browser.
      Swedish Meatball Pornography

      Comment

      Mediabistro A division of Prometheus Global Media home | site map | advertising/sponsorships | careers | contact us | help courses | browse jobs | freelancers | content | member benefits | reprints & permissions terms of use | privacy policy Copyright © 2015 Mediabistro Inc.
      Working...
      X