Q&A
はい、そのようでした。またソースのコピペも上手くいっていなかったためにそこでも間違いがあったようです。
無事解決することができました。ありがとうございます！
###実現したいこと
JSをつかってWEB画面を上から下へと流れて表示させたいのですが、
JSが全く機能していないようです。
###発生している問題・エラーメッセージ
下記のソースコードを書いても全く画面に変化がない状況です。
<script> $(document).ready(function(){???? $("main").show(1000); });???? </script>
###ソースコード
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>myMemoPad</title> <script src="js/jquery-2.1.3.min.js"></script> <link rel="stylesheet" href="css/sample.css"> <script> $(document).ready(function(){???? //↓ここが機能しません $("main").show(1000); //↑ここが機能しません });???? </script> </head> <body> <header> <h1>MemoPad</h1> </header> <main> <textarea id="text_area"> </textarea> <ul> <li>Save</li> <li>Clear</li> </ul> </main> <footer><small></small></footer> </body> </html></body> </html>
回答3件
0
ベストアンサー
そのまま貼り付けて試してみてください。
私の環境で確認した限りでは動作します。
html
1<!DOCTYPE html> 2<html> 3<head> 4<meta charset="UTF-8"> 5<title>title</title> 6<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> 7<script> 8$(document).ready(function(){ 9 $("main").show(5000); 10}); 11</script> 12</head> 13<body> 14 <header> 15 <h1>MemoPad</h1> 16 </header> 17 <main style="display: none"> 18 <textarea id="text_area"></textarea> 19 <ul> 20 <li>Save</li> 21 <li>Clear</li> 22 </ul> 23 </main> 24 <footer><small></small></footer> 25 26</body> 27</html>
CSSは記載がなかったので想像で組みました。
いかがですか？
投稿2015/12/10 15:39
総合スコア233
0
もしかしてmainにdisplay:none;当ててないだけだったり...
投稿2015/12/10 15:48
総合スコア992
0
上と下の2箇所にゴミが入っているので削除してみて下さい。
JavaScript
1$(document).ready(function(){???? // ←ここ 2 3//↓ここが機能しません 4$("main").show(1000); 5//↑ここが機能しません 6 7});????// ←ここ
Re: t10702th さん
投稿2015/12/10 14:42
編集2015/12/10 14:43
総合スコア18162
ご回答ありがとうございます！
<script>
$(document).ready(function(){????
$("main").show(1000);
});????
</script>
上記の形で再度記載したのですが、やはり動きません。
なにか余計な記述が入っているのでしょうか？
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2015/12/10 15:47
2015/12/10 15:51
2015/12/10 15:52
2015/12/10 16:42