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

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (1)
  • 关注 (0)
  • 查看 (226)

我试图在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/

后端编辑的一个屏幕截图:

谢谢。

提问于
用户回答回答于

我想这可以改进,但是在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>

扫码关注云+社区

领取腾讯云代金券