The Lodge is members-only design/dev videos and Office Hours.

Next Office Hours Session: "Implementing an SVG Icon System" Nov 30 - 6:00 PM Eastern

Getting jQuery to work

  • # March 9, 2013 at 8:08 pm


    So I’ve been teaching myself jQuery using Codeacademy, and I have actually picked up a lot from it. One thing I’m not understanding is why this is not working. I’m sure my linking is wrong.. I might try writing the script directly on my index.html page.

    Can you guys see why this is not working?

    Codepen: []( “”)

    # March 9, 2013 at 8:40 pm

    Go to CodePen’s Editor mode.

    Push near the right side of the screen where it reads Ctrl 3

    You see a drop down where it reads “Latest version of…”

    Click the box below. Select jQuery from the list.

    # March 9, 2013 at 9:02 pm

    Added the latest version [here]( “here”).

    # March 9, 2013 at 9:13 pm




    The second parameter should be a function, or if it is a string, tell which “easing funtion” to use, of which there are natively only two supported: ‘swing’ and ‘linear’.

    # March 9, 2013 at 9:56 pm

    So I added your new code and it still seemed not to work.

    This is the jQuery code I am using. I don’t think I linked it correctly.. Do I have to link the jQuery page to my HTML one and do something else? All I have done is linked my jQuery page to my HTML page.

    Here is my jQuery code:
    $(document).ready(function() {
    $(‘.test’).click(function() {

    # March 9, 2013 at 10:03 pm

    If there is no other difference, you’re missing a semicolon.

    # March 9, 2013 at 11:03 pm

    Alright, so I added the semicolon praying it would work.. What a let down. I’m right there with you now.. I’m not sure why this code is not working. It seems to be set up perfectly fine?

    I updated the codepen if you want to take a look now. The jQuery code should make the div with the ID of object disappear when clicked.

    Codepen: []( “”)

    # March 9, 2013 at 11:16 pm

    Works for me.

    # March 9, 2013 at 11:26 pm

    What browser are you using?

    # March 9, 2013 at 11:53 pm

    Firefox, Chrome, Opera and IE10 on Windows 8. All work fine for the last link.

    Try Ctrl + Shift + R (or Ctrl + R) to force full reload on CodePen and see if that fixes your issue.

    # March 10, 2013 at 12:36 am

    Hmm.. Works on codepen now. I think there might be a problem with viewing my website through Dreamweaver on the internet? You know.. Using the “Preview/Debug in Browser” button on Dreamweaver instead of uploading it to a server.

    # March 10, 2013 at 3:07 pm

    Got it to work. Thanks Merri!

Viewing 12 posts - 1 through 12 (of 12 total)

You must be logged in to reply to this topic.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed