如何在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＆＃34; slide3＆＃34;的页面元素，则此代码（在＆＃34; RawJS＆＃34; 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>