Morphtext jQueryプラグインが動作しません

Question

私の文書のheaderにjQuery、animate.css、およびmorphtext.jsをリンクしました。

h1の中で、ID「js-rotating」のスパンを作成しました。私はそのようにしかし、プラグインが応答していない

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

ようhtmlに直接それを呼んでいます。私はリンクされた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