Плагин Morphtext jQuery не работает

Question

Я связал jQuery, animate.css и morphtext.js в моем документе header.

Внутри h1 я создал пролет с идентификатором 'js-rotating'. Я тогда назвал его непосредственно в html как так

<script> 
$("#js-rotating").Morphext({ 
animation: "bounceIn", 
separator: ",", 
speed: 2000, 
complete: function() { 
} 
}); 
</script> 

Однако, плагин не отвечает. Я проверил, что я могу получить доступ к связанным файлам css и js через прямые ссылки. Что может вызвать эту проблему?

Answer 1

ваш код отлично работает для меня, но проблема в том, что ваш скрипт выполняется до полной загрузки Dom.

Чтобы устранить эту проблему, введите свой скрипт внутри jQuery ready() Метод, чтобы гарантировать правильную загрузку DOM перед выполнением каких-либо функций.

<script> 
     $(document).ready(function() { 
     $("#js-rotating").Morphext({ 
      animation: "bounceIn", 
      separator: ",", 
      speed: 2000, 
      complete: function() { 
      } 
     }); 
     }); 
    </script> 

это working demo