[Can't get TweenLite running in Ruby on Rails]

Thanks guys, I've decided to abandon it for the moment as I've lost too much time trying to get it to work.

[Can't get TweenLite running in Ruby on Rails]

No, the inline style doesn't appear to be updating. I'm not using a framework like React or Angular, just jQuery.

 

I tried logging the variable I pass to TweenLite and Chrome seems to verify that it is the DOM element I'm trying to change.

 

var btn = $(this);
console.log(btn);
TweenLite.to(btn, 1, { color: "transparent" });

 

[Can't get TweenLite running in Ruby on Rails]

Thanks guys,

 

I've switched to using the ruby gem https://github.com/robertpataki/greensock-rails and now have all scripts at version 1.20.3

 

I know from console logging that the button click is firing and I just tried adding console.log(TweenLite) which gave me this:

 

(target, duration, vars) {
				Animation.call(this, duration, vars);
				this.render = TweenLite.prototype.render; //speed optimization (avoid prototype lookup on this "hot" method)

				if (target =…

 

I also tried changing the animation duration to 1 second. 

 

I've copied and pasted from codepen so no typo issues.

 

There are no !important styles to override color.

 

Pause on exception didn't catch any errors.

 

It's a frustrating one alright

 

Mark

[Can't get TweenLite running in Ruby on Rails]

Ok, but it does work in codepen so there's kinda no point testing it there. Here's a slightly different version: 

See the Pen MQPdyN by creativetags (@creativetags) on CodePen

 

not using scripts with latest in them. Using 1.20.3 of TweenLite

 

transparent wasn't an issue with codepen and Chrome. Perhaps it is with other browsers?

[Can't get TweenLite running in Ruby on Rails]

I used codepen.io to write a quick animation and am now trying to integrate it into my rails application. I've required TweenLite.min.js CSSPlugin.min.js and TimelineLite.min.js and reduced my animation to a simple test but nothing happens and I get no errors. How do I troubleshoot this?

 

Here's my test: 

$('.btn').on('click', function() {
  var btn = $(this);
  TweenLite.to(btn, 0.1, { color: "transparent" });
});

 

I'm using jQuery 1.12.4 (tested working in codepen).