Jump to content
GreenSock

Search In
  • More options...
Find results that contain...
Find results in...
caseybaggz

onClick error???

Warning: Please note

This thread was started before GSAP 3 was released. Some information, especially the syntax, may be out of date for GSAP 3. Please see the GSAP 3 migration guide and release notes for more information about how to update the code to GSAP 3's syntax. 

Recommended Posts

Trying to figure out why this onClick event doesn't fire on the first click. But on the second-on, it works perfectly? Any thoughts?

 

Check out the link for the code:

See the Pen KoBjE by caseybaggz (@caseybaggz) on CodePen

 

Look forward to squashing this bug!

 

-Casey

Link to comment
Share on other sites

The onclick certainly is firing on the first click, but you're trying to access menu.style before it has any value, so the first click is taking the 'else' path. Add alert(menu.style.left) to the onclick and you'll see that style.left is empty, not -600px as you were expecting. The .style property only refers to the contents of an element's style attribute, not any applied styles from stylesheets.

You could explicitly set style="left:-600px" in your HTML, or you could use window.getComputedStyle to calculate the current value for left, which will factor both the style attribute and stylesheets.

  • Like 3
Link to comment
Share on other sites

Wow! That makes so much sense! Thanks so much for the reply and fix!

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.
×