Fix for loss of jQuery and GSAP in new update

As the question how to add jQuery pops up now and then i made a post explaining it, and a sample added to it...
https://community.articulate.com/discussions/articulate-storyline/how-to-add-jquery-or-anyother-external-javascript-library-to-storyline

Thanks! There is also an issue with tweening SL objects using GSAP, specifically to an X value. I have the fix for that. Got it from a Articulate Engineer. 

Thanks a lot for sharing this, it's a big help!

Hello, thank you for sharing. I'm trying to use the updated method but keep getting an error. Storyline v.3.39.21985.0

actionator::exeJavaScript - $ is not defined

Here is the code I used:

function dynamicallyLoadScript(url) {

var script = document.createElement("script");

script.src = url;

document.head.appendChild(script);
}

dynamicallyLoadScript("https://cdnjs.cloudflare.com/ajax/libs/gsap/3.2.6/gsap.min.js");

var square = $('[data-acc-text = "square"] svg');

TweenLite.to(square, 1, {rotation: 360});

You need to load jquery as well and ensure that the librrays are loaded before firing your javascript, do not put them in the same triigger or add code to ensure the libarary is loaded.

Phil, you are genius. It works.

Just one more question more specifically about using functions with GSAP. I'm trying to create a timeline to sequence multiple animations, but it doesn't seem to work properly. Here is the code:

var tl = gsap.timeline();

tl.from(obj1, 1 {y: 100, stagger: 0.2});

tl.from(obj2, 1 {y: 100, stagger: 0.2});

tl.from(obj3, 1 {y: 100, stagger: 0.2});

Error:

Uncaught SyntaxError: missing ) after argument list

It seems like it cannot use the function properly. Has anyone found a solution?

Hi - It is possible to use this method to share a Storyline 360 course via Review 360 to embed into a RISE course?

Only just found this post and wanted to say THANK YOU VERY MUCH!  No more 'hacking' the published file to re-insert jQuery 👍🏻

Hello,

has anyone noticed that since one of the last updates of the SL, the objects moved with JS would leave vertical lines behind. Look at the picture: the red ball, which is a circle that I drew in SL, is being moved from right to left with GSAP and there are narrow lines behind.

Any idea how to prevent them from appearing?