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

Question

我试图在VC中使用自定义JS和自定义html，但是无法正确调用JS代码。我的目标是能够使用Greensock动画平台。我开始使用简单的代码来实现这一点。在Visual Composer中，我设置了一个“Raw HTML”元素，还有一个“Raw 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>