GSAP with JQuery

[Nicat]

Hello. I am very happy that after a day of wrestling with my code at last I am able to use GSAP js. I have no idea why nothing worked before ... whatever...

Is it a good idea to use code like this:

$(document).ready(function() {
	$('#show_cl_menu').click(function() {
		TweenMax.to("#show_cl_menu", 0.5, {color: "#fff"});
	});
});

Because I have no idea what are GSAP's events   like ".click" of JQuery. My main question is: will this code still work 20x faster than JQuery when there are tons of scripts like this? Thanks.

[Rodrigo]

Hi and welcome to the GreenSock forums.

 

GSAP is not an event's framework so it doesn't have click, mouse over/out events built in. Draggable is the only tool that handles click/touch events and offers attaching event handlers to them. In that regard is quite safe to use either jQuery's or any other framework to deal with that.

 

The performance of the code you post won't be affected by the fact of how many event handlers your code has. In that regard, if your app has like 3000 or 4000 lines of code, the only issue would be how much time will take to read the code, once the code has been loaded and read those event handlers will be ready for execution and use.

 

Also in terms of performance, experience has taught almost every developer working with GSAP, that the major issue always comes from browser rendering and not code execution. Basically it would take an incredible amount of concurrent instances to create a small code-execution bottleneck and in that scenario the browser rendering will be an even bigger monster. Luckily this was somehow taken car of in version 1.12, you can learn more here:

 

http://www.greensock.com/gsap-1-12-0-performance/