问无法使impress.js正常工作
EN

Stack Overflow用户

提问于 2013-05-15 16:32:13

回答 1查看 519关注 0票数 2

我尝试从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中测试的)，我在dev控制台中得到了以下错误：

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

有什么想法吗？

javascript

impress.js

回答 1

Stack Overflow用户

回答已采纳

发布于 2013-05-18 20:28:27

您希望成为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>

票数 4

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/16560281

复制

相似问题

问无法使impress.js正常工作
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问无法使impress.js正常工作EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问无法使impress.js正常工作
EN