如何在 Visual Composer/Wordpress 中运行自定义 HTML/JS/GSAP？

Question

我正在尝试在 VC 中使用自定义 JS 和自定义 html，但无法正确调用 JS 代码。 我的目标是能够使用 Greensock 动画平台。我从简单的代码开始，让它工作。 在 Visual Composer 中，我设置了一个“原始 HTML”元素，以及一个“原始 JS”元素。 当我启动页面时，HTML 正确显示，但我的大多数脚本都没有执行。 VC 提供的默认脚本有效：

<script type="text/javascript"> alert("Enter your js here!" ); </script>

但是，这个简单的脚本失败了：

<script> function onReady() {
console.log('Here')
}
</script>

另外，一个简单的 GSAP 脚本也会失败：

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

我目前的尝试是在这里： https://themilkmob.org/zgsaptest01/

后台编辑器截图： 谢谢。

Answer 1

我想这可以改进，但在 Greensock Fourm 的帮助下，我已经能够让它发挥作用：
如果有 ID 为“slide3”的页面元素，此代码（在“RawJS”VC 元素中）会将其设置为 50% 透明：

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