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

inb24sb2  于 2022-12-22  发布在  WordPress
关注(0)|答案(1)|浏览(163)

我尝试在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/
后端编辑器的屏幕抓图:谢谢。

jq6vz3qz

jq6vz3qz1#

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

相关问题