Question

我一直在使用typewriter.js效果。效果很好。现在我想将它与unodered list (ul)一起使用，但是如果我使用任何tags，效果就不会起作用了。有什么帮助吗？

继承人我正在使用的js脚本： http://www.dynamicdrive.com/dynamicindex10/text5.htm

示例：

使用链接中的示例javascript和：

<p id="aboutskills">Windows 2008 Servers</p>
<script type="text/javascript">

        new TypingText(document.getElementById("aboutskills"));

        TypingText.runAll();
        </script>

这有效！

但是这个：

      <p id="aboutskills">
            <ul class="skills">
                <li>Windows 2008 Servers</li>
                <li>Network Analysis</li>
                <li>Bash, Batch, Powershell scripting</li>
                <li>C#, VB .Net</li>
            </ul>
      <p>

    <script type="text/javascript">

    new TypingText(document.getElementById("aboutskills"));

    TypingText.runAll();
    </script>

不起作用！

Answer 1

问题是因为<ul>内没有<p>元素。

如果您在Chrome DevTools或Firebug中检查HTML，您会看到类似这样的内容（顺便说一下，您没有</p>）：

<p id="aboutskills"></p>
<ul class="skills">
    <li>Windows 2008 Servers</li>
    <li>Network Analysis</li>
    <li>Bash, Batch, Powershell scripting</li>
    <li>C#, VB .Net</li>
</ul>
<p></p>

在这里阅读更多内容： https://developers.whatwg.org/grouping-content.html#the-p-element

因此，您可以将<p>更改为<div>，一切正常： http://jsfiddle.net/8cd88fn0/

用无序列表键入文本脚本

1 个答案: