前提・実現したいこと
テンプレートとして配布されているサイトを自分用に修正しておりまして、見出しに「テキストを1文字づつアニメーションで表示させたい」と思いまして、その中でjQueryプラグイン方式を実装しようとして案内を見ながら試行錯誤しておりますがアニメーション動作まで至っておりません。
プラグイン配布元
http://develo.org/2014/05/07/0900.html
発生している問題・エラーメッセージ
まず動作させるために、表示速度などのカスタムはなしで標準設定のままで実行しましたがテキスト表示のみにしかならないので、どこかで記載不足があるか干渉している部分があると思いますがそれがどこかわからず苦慮しております。
該当のソースコード
<script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/jquery.textAnimation.js"></script> <script type="text/javascript"> $('.text1').textAnimation(); </script>
試したこと
jsフォルダに、ダウンロードしたjquery.textAnimationおよびjquery.textAnimation.minファイルを追加。jqueryファイルについては元々jquery-1.11.3.minがあるため既存のものを使用。
java script本文を</head>の直前に起き、本文中にサンプルと同様に、<p class="text1">START</p>と記載したがテキスト表示のみでアニメーション動作はしない。
サンプルページのソースに見習って、<script type="text/javascript" src="js/jquery.js"></script> の部分を <script src="js/jquery-1.11.3.min.js" type="text/javascript"></script> に書き換えてみたが全く一緒。
まず動作を優先させるためjquery.textAnimation等についてはダウンロドしてフォルダに入れた以外は一切触っていないためjsファイルの設定ミスということはないかと思います。
サンプルページのソース見てもそこまで複雑な表記はしてるように見えないのですが、動作しないのが何故かわからないため、改善点を教えていただけませんでしょうか
補足情報(FW/ツールのバージョンなど)
ここにより詳細な情報を記載してください。
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2019/07/22 16:16