前提・実現したいこと
JQueryでanimateを実装したいです。
発生している問題・エラーメッセージ
ファイルを保存して、プラウザをリロードしても、アニメーションできません。
エラーメッセージは出ていません。
エラーメッセージ
該当のソースコード
jQuery
$(function(){ $('#typo').on('click',function(){ $('#typo.inner').animate({ opacity:0, fontSize:'0px' }, 1500 ); }); });
html
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>Chapter 02 · jQuery 最高の教科書</title> <link rel="stylesheet" href="./css/normalize.css"> <link rel="stylesheet" href="./css/main.css"> <script src="./js/vendor/jquery-1.10.2.min.js"></script> <script src="./js/vendor/jquery-ui-1.10.3.custom.min.js"></script> <script src="./js/main.js"></script> </head> <body> <header class="page-header" role="banner"> <h1>Creative jQuery Sample</h1> </header> <div class="page-main" role="main"> <div id="typo"> <div class="inner">Creative jQuery</div> </div> </div> <footer class="page-footer" role="contentinfo"> <small class="copyright">COPYRIGHT © <a href="http://www.shiftbrain.co.jp" target="_blank">SHIFTBRAIN Inc.</a></small> </footer> </body> </html>
試したこと
セレクタが間違えてないか確認しました。
補足情報(FW/ツールのバージョンなど)
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2019/03/04 06:35