Ввод текстового скрипта с неупорядоченным списком

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>.

Если вы проверяете ваш HTML в Chrome DevTools или Firebug вы должны увидеть что-то вроде этого (BTW у вас нет </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/