无法让 impress.js 工作答案

【问题标题】：Can't get impress.js working无法让 impress.js 工作
【发布时间】：2013-05-15 08:32:13
【问题描述】：

我尝试从 impress.js 开始创建一些 HTML/CSS3 演示文稿。
不幸的是，我什至无法让最简单的示例工作。

<html lang="en">
<head>
    <title>Impress Demo</title>
</head>
<body>
    <div id="impress">
        <div id="start">
            <p style='width:1000px;font-size:80px;text-align:center'>Creating Stunning Visualizations</p>
            <p>Impress.js</p>
        </div>

        <div id="slide2" data-x="-1200" data-y="0">
            <p style='width:1000px;font-size:80px;'>First Slide Moves From Left To Right</p>
            <p>Impress.js</p>
        </div>
    </div>

    <script type="text/javascript" src="../js/impress.js"></script>
    <script type="text/javascript">impress().init();</script>
</body>

但是，在 Firefox（也在 Chrome 中测试）中，我在开发控制台中收到以下错误：

Empty string passed to getElementById() @ impress.js:90

有什么想法吗？

【问题讨论】：

标签： javascript impress.js

【解决方案1】：

您想成为div#impress 中的一个步骤的每个 div 都应该添加一个class="step"。

这段代码应该可以工作

<div id="impress">
    <div class="step" id="start">
        <p style='width:1000px;font-size:80px;text-align:center'>Creating Stunning Visualizations</p>
        <p>Impress.js</p>
    </div>

    <div class="step" id="slide2" data-x="-1200" data-y="0">
        <p style='width:1000px;font-size:80px;'>First Slide Moves From Left To Right</p>
        <p>Impress.js</p>
    </div>
</div>

【讨论】：

值得补充的是，您可以使用impress-console 为您的演示文稿创建注释。要为给定幻灯片创建注释，应将注释放在带有class="notes" 的div 中，该div 位于带有class="step" 的div 中。要打开笔记控制台，只需按 P 键。