Question

我在GitHub页面上有一个简短的reveal.js演示文稿here。

我想在自动启动演示文稿之前等待页面完全加载。如果连接速度很慢，则awesomefonts不会及时呈现，并且用户只能看到空块。

开始前等待一段时间是否可能？

Answer 1

好的，所以在浏览了一段代码之后，我注意到在初始化Reveal.js之前，你的脚本中可能需要一个onload块。尝试把

Reveal.initialize({
      controls: false,
      progress: true,
      history: true,
      center: true,
      autoSlide: 2200,
      transition: 'slide', // none/fade/slide/convex/concave/zoom
      // Optional reveal.js plugins
      dependencies: [
      { src: 'lib/js/classList.js', condition: function() { return !document.body.classList; } },
      { src: 'plugin/markdown/marked.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
      { src: 'plugin/markdown/markdown.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
      { src: 'plugin/highlight/highlight.js', async: true, callback: function() { hljs.initHighlightingOnLoad(); } },
      { src: 'plugin/zoom-js/zoom.js', async: true }
      ]
      });

内部：

object.onload=function(){myScript};

希望这会有所帮助。演示文稿看起来很棒。

Answer 2

将您的初始化代码放在window.onload()函数

中

如果您需要异步加载多个内容，只需创建一个myLoad()函数和一个objToBeLoaded计数器，然后每次加载一个obj时，调用somethingHasLoad()函数即可检查该计数器并最终致电myLoad()

如何等待页面加载beve Reveal.js启动

2 个答案: