Я пытаюсь использовать пользовательский JS и пользовательский HTML в VC, но у меня возникают проблемы с правильным вызовом кода JS. Моя цель — использовать анимационную платформу Greensock. Я начинаю с простого кода, чтобы это заработало. В Visual Composer я установил элемент «Raw HTML», а также элемент «Raw JS». Когда я запускаю страницу, HTML-код отображается правильно, но большинство моих сценариев не выполняются. Сценарий по умолчанию, предоставленный VC, работает:

{amp}lt;script type="text/javascript"{amp}gt; alert("Enter your js here!" ); {amp}lt;/script{amp}gt; 

Однако этот простой скрипт не работает:

 {amp}lt;script{amp}gt; function onReady() { console.log('Here') } {amp}lt;/script{amp}gt; 

Также простой скрипт GSAP не работает:

 {amp}lt;script type=​"text/​javascript" src="https://cdnjs.cloudflare.com/ajax/libs/gsap/1.15.1/TweenMax.min.js"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;script type=​"text/​javascript"{amp}gt; TweenMax.set('#slide3', {opacity: 0}); } {amp}lt;/script{amp}gt; 

Моя текущая попытка здесь: https://themilkmob.org/zgsaptest01/

Скриншот графического редактора: введите описание изображения здесь Благодарю.

Я полагаю, что это можно улучшить, но с помощью кого-то из Greensock Fourm я смог заставить это работать:
Если есть элемент страницы с идентификатором «slide3», этот код (в элементе VC «RawJS») установит прозрачность на 50%:

 {amp}lt;script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/latest/TweenMax.min.js"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;script{amp}gt; jQuery(document).ready(function(){ TweenMax.set('#slide3', {opacity: 0.5}); }); {amp}lt;/script{amp}gt;