Jump to content
GreenSock

Search In
  • More options...
Find results that contain...
Find results in...
chris.btbi

.hover not triggering animation

Go to solution Solved by Payman,

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

Hello all,

 

I am kind of a newbie to Greensock but so far I'm loving it! I'm not sure if I'm posting in the right forum as I am quite new here so please be patient with me :P. I am trying to make it so that when you pulse over a location pin on the map it pulsates. I think I have the animation set up correctly but the .hover functionality doesn't appear to be working. (I set up an alert box on hover in and out to test). Thank you so much for your help!

 

Oh, and this particular project needs to work in I.E. if that makes a difference.

 

-Chris

See the Pen pEWzqd by chrisbtbi (@chrisbtbi) on CodePen

Link to comment
Share on other sites

I've fixed it for you - 

See the Pen bwYwYQ by alecpro (@alecpro) on CodePen

 

You can check console in chrome dev tools for errors when coding

  • Like 1
Link to comment
Share on other sites

Payman, thank you so much! I checked the dev console in chrome but all I saw was the error "Uncaught Cannot tween a null target". How did you know to make the change based on that?

Link to comment
Share on other sites

  • Solution

There is a small arrow on the left side of the error description which you can use to show more details and find the original pen.js line that causing the error. 

So in your case it is this line (TweenMax is not a timeline and you don't need to instantiate it). Besides you don't even use tm1 in your code.

var tm1 = new TweenMax()

The next error was a weird mix of jquery and native js selectors

var main = document.getElementById($("#main"));

should be just this:

var main = $("#main");
  • Like 2
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.
×