Jump to content
GreenSock

jjl_2099

IE8 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

I try this in IE8 with the latest versions

 

<script src="../js/vendor/jquery-1.10.1.min.js"></script>
<script src="../js/vendor/gsap/plugins/CSSPlugin.js"></script>
<script src="../js/vendor/gsap/easing/EasePack.js"></script>
<script src="../js/vendor/gsap/jquery.gsap.js"></script> 
<script src="../js/vendor/gsap/TweenMax.js"></script> 
<script src="../js/main.js"></script>
TweenMax.to($('.menu-slider'), 0.5, {css:{left:"0px;"}, ease:"ElasticOut.easeOut"});
Webpage error details
 
User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.1; WOW64; Trident/4.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; .NET4.0C; .NET4.0E; InfoPath.3)
Timestamp: Tue, 29 Oct 2013 02:52:34 UTC
 
 
Message: Script error
Line: 0
Char: 0
Code: 0
 
Link to comment
Share on other sites

Hi and welcome to the GreenSock forums.

 

Sorry to hear you are having problems.

Unfortunately there isn't a lot we can decipher from that error alone.

 

Its important to note that TweenMax.js includes CSSPlugin and EasePack. Not sure if that error is related to multiple versions loading, but to rule out all possibilities please load only the following scripts:

<script src="../js/vendor/jquery-1.10.1.min.js"></script>
<script src="../js/vendor/gsap/jquery.gsap.js"></script> 
<script src="../js/vendor/gsap/TweenMax.js"></script> 
<script src="../js/main.js"></script>

If you still have problems please zip all your html, css and javascript and we will take a look at your files. That way we can more accurately assess the error. 

  • Like 2
Link to comment
Share on other sites

It's not likely related to the error you're getting, but ElasticOut is not one of the GSAP eases. You probably meant Elastic.easeOut.

  • Like 3
Link to comment
Share on other sites

Ah, it seems you have a rogue semi-colon that is causing the problem

 

bad

TweenMax.to($('.menu-slider'), 0.5, {css:{left:"0px;"}, ease:"Elastic.easeOut"});

 

good

TweenMax.to($('.menu-slider'), 0.5, {css:{left:"0px"}, ease:"Elastic.easeOut"});

  • Like 1
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.
×