在网站预加载

时间:2016-05-23 23:27:58

标签: javascript jquery css

preloading jQuery网站preload问题是,当particle.js完成后,网站会显示,但CSS有0个动画。在.content{display:none;}文件开头,我隐藏了content以及fadeIn后面的整个内容,通过particles功能显示。但是display:none仍然在preload function $('.content').show();完成fadeIn之后发生的事情。

我尝试的事情:

  1. $('.content').css('display', 'block');代替fadeIn
  2. preload function代替.content{display:none;}
  3. CSS之前$('.content').addClass('displayNone'); $(windows).load... $('.content').removeClass('displayNone'); app.js jquery之前<head>
  4. 之后的内部函数
  5. 首先加载切换脚本,例如</body>之前加载的preload function;将它们放在particlesparticles(...)标记
  6. 之前
  7. 切换$(window).load(...);particle.js的初始化,例如site preload以及之后的.content
  8. 我目前没有想法如何在particles之后加载来自preload function的动画,所以任何提示/技巧都会受到高度赞赏,我肯定会考虑任何选项。提前谢谢。

    编辑:http://codepen.io/anon/pen/GZVwLz 在codepen中,particles .content外部正在运行但是,粒子在particles之前加载,当CSS.content{display: none;}内时,.content{visibility: hidden;}$('.content').css('visibility', 'visible');不工作。

    编辑#2(求助):找到解决方案,必须在n<3 G_0更改为G_1,并在JS中使用G_2http://codepen.io/anon/pen/KMPPQB

0 个答案:

没有答案