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

  • designandcoffee
    Reply to design+coffee: personal branding
    designandcoffee
    I don't know, the coffee thing is actually quite regular. Not many people I meet feel differently about coffee than I do. Maybe it's the city I live in!

    I know the whole thing is like...
    Today, 11:07 PM
  • B
    Reply to First design logo
    B
    Watches and photography are an odd combination, which makes me wonder whether this is for an actual business or just a friend who wanted a personal logo.

    Anyway, it really is very nice. The...
    Today, 09:30 PM
  • Berg
    After Effects + Cinema4D
    Berg
    Hi guys. Berg here. Not sure if i've choosen right forum for this post, but i hope yes. This is my work done using After Effects and Cinema4D:
    https://www.youtube.com/watch?v=Tqdx3IoZxrQ
    Im...
    Today, 09:28 PM
  • misery
    Reply to Would you use a service like this?
    misery
    I am not charging money now but I really do need to speak to a copyright lawyer before making further progress. I can keep this thread updated as progress occurs. Thanks for your input PrintDriver, it's...
    Today, 09:26 PM
  • Slobo
    Reply to First design logo
    Slobo

    ......
    Today, 09:05 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