Webデザイン初心者です。
jQuery初チャレンジということで、DWにてJSファイルを作って、JSのコードを入力したところ結果がHTMLの画面に反映されませんでした汗
"jQuery練習"を赤文字にするだけというロジックのかけらもほとんどないようなコードなんですが、sublimeでは結果は出ました。ですがDWでは駄目でした。
『HTMLのファイル』
<!DOCTYPE html>
<html lang= "ja">
<head>
<meta charset="utf-8">
<title>jQueryの練習</title>
<script type="javascript" src="JS練習.js"></script>
</head>
<body>
<p>jQueryの練習</p>
<script src="http://code.jquery.com/jquery-1.11.0.min.js"></s …
</body>
</html>
『JSファイル』
$(function(){
$('p').css('color' , 'red');
});
何が足りないのでしょうか。ググってもピンポイントででませんでした。すみませんがわざわざお時間を割いていただけるかた、お助けお願いいたします。
どなたか教えてください。よろしくお願いいたします。
No.2ベストアンサー
- 回答日時:
ブラウザはHTMLを最初から順に解釈していきます。
<script>タグがあればスクリプトを読み込んで実行しますが、ご提示のHTMLだと、
<script type="javascript" src="JS練習.js"></script>
・・・・
<script src="ttp://code.jquery.com/jquery-1.11.0.min.js"></script>
の順になっています。
従って、「JS練習.js」を読み込んで実行しようとする時点ではjQueryが読み込まれていない状態です。
この状態で
$(function(){
$('p').css('color' , 'red');
});
を実行しようとすると、最初の行でエラーとなり実行が中断されていると推測されます。
*ファイル名等はできるだけ英数半角にしておいた方が、いろいろな意味で確実かと思います。
No.1
- 回答日時:
<script type="javascript" src="JS練習.js"></script>
じゃなくて
<script src="JS練習.js"></script>
もしくは
<script type="text/javascript" src="JS練習.js"></script>
としたらどうなりますか。
あと質問をする前に、IEで見たらどうなるかとか、Chromeで見たらどうなるかとか確認していますか?確認していないからこういう質問になるんでしょうけど。DreamWeaverがどうのこうのという問題なのかどうか、切り分けるためにも、質問をする前に最低限そういう確認はした方がいいですよ。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- AJAX JavascriptからPHPへのAjax通信でnullが返ってくる 3 2022/08/03 22:00
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/30 09:10
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- HTML・CSS 下にスクロールしても、追従するボタンのコードを書いたのですが、ボタンの中の画像が半分しか表示されない 1 2022/04/16 21:31
- HTML・CSS スクロールすると追従する画像のコードを書いているのですが、追従する画像の大きさの調節が上手くいきませ 2 2022/04/18 12:52
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/07 21:04
- JavaScript セレクトボックスを2つ設けて選択して初めてメッセを表示 1 2022/07/27 12:15
- JavaScript switch文のswitch(n)の部分を複数の値にするか、if文に変えてほしいです。 1 2022/07/27 17:18
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- HTML・CSS CSSが上手く反映されないみたいです 2 2022/11/21 16:19
このQ&Aを見た人はこんなQ&Aも見ています
関連するカテゴリからQ&Aを探す
おすすめ情報
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
複数のjavascriptを使うと動か...
-
wordpressでJavascriptのフラッ...
-
bxslider、画像が3枚以上になる...
-
音楽再生用jQueryプラグイン「j...
-
Base64に変換したHTMLの<script...
-
<a href="#" …>の意味を教えて...
-
bodyにidをつける理由は何ですか?
-
フォーカス移動抑止について
-
iframeの中から親ページをスム...
-
SQLのWHEREで全てを質問する方法
-
テーブル内の数値を自動で計算...
-
JavaScript でキーを送る
-
javascriptとApacheの設定
-
テキストをクリックすると答え...
-
javascriptでalertの文字列をコ...
-
cssにjavascriptを入れる?呼び...
-
getElementsByNameで要素が取得...
-
Jquery.PHPファイルのechoが表...
-
キーを押している間の時間を計...
-
onbeforeunload時のwindow.open...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
base64encodeでの文字化けについて
-
jquery ui.resizable 使い方
-
複数のjavascriptを使うと動か...
-
Base64に変換したHTMLの<script...
-
bxslider、画像が3枚以上になる...
-
Jqueryの干渉について
-
DreamWeaverでJS
-
複数のバージョンのjQueryを同...
-
マウスオーバー+クリカブルマッ...
-
マスターページでのJavaScriopt...
-
jqueryのcolorboxを読込直後に...
-
javascript外部読み込みの際の引数
-
lightbox2 表示の不具合
-
jsファイルで配列を定義し、j...
-
jqueryを2つ設置した事で片方...
-
<script>タグというのはどこか...
-
Javascriptがうまく動作しません。
-
同一HTML内に複数のjQueryを作...
-
jqueryについて(Lightboxとbxs...
-
colorboxの直接呼び出し方法に...
おすすめ情報