Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/37.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在wordpress中,在页面完全加载后在上启动动画_Javascript_Css_Wordpress_Animation - Fatal编程技术网

Javascript 在wordpress中,在页面完全加载后在上启动动画

Javascript 在wordpress中,在页面完全加载后在上启动动画,javascript,css,wordpress,animation,Javascript,Css,Wordpress,Animation,我有一个wordpress网站,我添加了一些带有动画的“原始html”元素。 问题是,动画从页面加载开始,不等待预加载程序完成,页面本身也会显示出来 页面加载后预加载程序是否停止?(我相信页面在“加载”后会继续增加工作人员) 我是wordpress的新手(并且是JS的新手),所以,我不会编辑wordpress php/JS文件。。。仅使用“原始HTML”元素 谢谢 如果你不喜欢编写这样的代码,我建议你看看像AniJS和ScrollReveal这样的插件 然后,您可以将其放在任何标签上(body、

我有一个wordpress网站,我添加了一些带有动画的“原始html”元素。 问题是,动画从页面加载开始,不等待预加载程序完成,页面本身也会显示出来

页面加载后预加载程序是否停止?(我相信页面在“加载”后会继续增加工作人员)

我是wordpress的新手(并且是JS的新手),所以,我不会编辑wordpress php/JS文件。。。仅使用“原始HTML”元素


谢谢

如果你不喜欢编写这样的代码,我建议你看看像AniJS和ScrollReveal这样的插件

然后,您可以将其放在任何标签上(body、p、div等)


DOMContentLoaded(和其他加载选项)检查导航器是否加载了整个页面,然后在滚动上播放动画(您也可以不滚动,方法是删除“before:scrollReveal”,然后保留动画类,这样它就不会永远循环。

将动画JS放在这个位置

$( document ).ready(function() {
  // Handler for .ready() called.
});

函数在DOM完全加载时执行。

它与WordPress兼容吗?“添加一些原始css/html动画”,据我所知,您的目的是用动画更改html文件。因此,您基本上要做的是上载此文件(anijs-helper-scrollreveal-min.js)对于你的wp,如果你不知道怎么看这里:然后用正确的路径将这个插件包括到你的wp_页脚/页脚()嗯,我看到了你的困惑。我忘了写我使用的是“原始HTML元素”作为一个专栏项目。也就是说,上帝禁止,不要在网站上编辑任何真实的脚本,因为我是一个新手…但我现在会更新我的问题。很抱歉,你的问题仍然很难理解,你能不能,或者不编辑你wordpress页面的HTML?看起来是这样的,所以我给你提供了一种加载动画的方式,只有HTML,你只需要我在wordpress文件中添加一行,这并不难。:-)我希望尽可能避免接触核心wordpress文件。我想,WordPress中有一个解决方案……有一件事我不明白,document.ready(function())可以被多次调用吗?因为如果不是,那么在wordpress js代码调用它之后再调用它是不明智的。。。
$( document ).ready(function() {
  // Handler for .ready() called.
});