0

I have a small problem I've tried to solve, but it seems like I can't wrap my head around it. I'm a new programmer so it would be nice if anyone here knew what I'm maybe doing wrong since I don't have much experience making this stuff....

I made something I call as skill bar on my Portfolio website, go to portfolio and you can see it under "Web development skills" there is a skill bar, but it only works in explore and Firefox, but I can't seem to get it to work in Chrome, here is the code:

   $("#page02").waypoint(function () {
        $('#skill1').animate({ width: "50%" }, 1500);
        $('#skill2').animate({ width: "35%" }, 1500);
        $('#skill3').animate({ width: "40%" }, 1500);
        $('#skill4').animate({ width: "35%" }, 1500);
        $('#skill5').animate({ width: "25%" }, 1500);
        $('#skill6').animate({ width: "30%" }, 1500);
    });

I would greatly appreciate any kind of feedback I could get!

2
  • check errors under browser developer tools.. I guess the waypoint plug-in is not loaded..I see some error related to MIME type in my chrome browser.. Commented Mar 18, 2014 at 12:58
  • stackoverflow.com/questions/17341122/… see for more details Commented Mar 18, 2014 at 13:01

1 Answer 1

1

change script reference in your html page from

https://raw.github.com/imakewebthings/jquery-waypoints/master/waypoints.min.js 

to

https://rawgithub.com/imakewebthings/jquery-waypoints/master/waypoints.min.js

it should work..

Sign up to request clarification or add additional context in comments.

Comments

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.