- This topic is empty.
-
AuthorPosts
-
March 9, 2013 at 8:08 pm #43281pillawMember
Hey,
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: [http://cdpn.io/DeBup](http://cdpn.io/DeBup “http://cdpn.io/DeBup”)
March 9, 2013 at 8:40 pm #127632MerriParticipantGo 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 #127634pillawMemberAdded the latest version [here](http://cdpn.io/voCai “here”).
March 9, 2013 at 9:13 pm #127635MerriParticipant$(this).fadeOut(‘fast’,’0′)
to
$(this).fadeOut(‘fast’);
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 #127636pillawMemberSo 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() {
$(this).fadeOut(‘fast’)
});
});March 9, 2013 at 10:03 pm #127637MerriParticipanthttp://codepen.io/Merri/pen/LwxKa
If there is no other difference, you’re missing a semicolon.
March 9, 2013 at 11:03 pm #127640pillawMemberAlright, 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: [http://cdpn.io/xGnrd](http://cdpn.io/xGnrd “http://cdpn.io/xGnrd”)
March 9, 2013 at 11:16 pm #127641MerriParticipantWorks for me.
March 9, 2013 at 11:26 pm #127643pillawMemberWhat browser are you using?
March 9, 2013 at 11:53 pm #127644MerriParticipantFirefox, 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 #127646pillawMemberHmm.. 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 #127680pillawMemberGot it to work. Thanks Merri!
-
AuthorPosts
- The forum ‘Other’ is closed to new topics and replies.