Morphtext jQuery Plugin funktioniert nicht

Question

Ich habe jQuery, animate.css und morphtext.js in meinem Dokument header verknüpft.

In h1 habe ich einen Bereich mit der ID 'js-rotating' erstellt. Ich habe angerufen es dann direkt in den html wie so

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

Allerdings ist das Plugin nicht reagiert. Ich habe überprüft, dass ich über die direkten Links auf die verlinkten css- und js-Dateien zugreifen kann. Was könnte dieses Problem verursachen?

Answer 1

Ihr Code funktioniert perfekt für mich, aber das Problem ist, dass Ihr Skript vor dem vollständigen Laden von Dom ausgeführt wird.

, um dieses Problem zu beheben, setzen Sie Ihr Skript in jQuery ready() Methode, um sicherzustellen, dass das DOM vor dem Ausführen von Funktionen ordnungsgemäß geladen wird.

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

dies ein working demo