-1

我使用 typewriter.js 效果已经有一段时间了。效果很好。现在我想将它与 a 一起使用unodered list (ul)，但如果我使用 any 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>

不工作！

4

1 回答 1

3

问题是因为你不能在<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/

于 2015-05-03T19:36:30.407 回答