如何在Visual Composer/Wordpress中运行自定义HTML/JS/GSAP？
如何在Visual Composer/Wordpress中运行自定义HTML/JS/GSAP？
提问于 2015-02-17 08:17:16
我正在尝试在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/
后端编辑器的截图：
谢谢。
回答 1
Stack Overflow用户
发布于 2015-02-18 23:40:17
我想这是可以改进的，但在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>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/28552639
复制相关文章
相似问题