jQuery読み込みについて　プログラミング

前へ 次へ
このQ&Aのポイント
  • 入力フォーム作成でのjQueryの読み込みに関する問題について質問です。
  • 質問者はGoogleが提供するCDN経由でjQueryを読み込み、特定の関数を使用しようとしていますが、エラーが発生して関数が起動しない状況にあるようです。
  • 質問者は書き方が間違っているのかどうか悩んでおり、解決策を求めています。
回答を見る
  • ベストアンサー

jQuery読み込みについて　プログラミング

ホームページの入力フォーム作成で入力フォーム→確認画面の表示するコードを書いているのですが、実際に書いたコードは一番下のURLにあります」 書き方は下のURL(1)のサイトに載っている書き方と全く同じコードを書いているのですが (1)https://www.web-officer.com/php/how-to-make-inqu … check_contactformという名前の関数を使用するにはjQueryを読み込ませないといけないようで CDN経由でjQueryを読み込みできるらしいのですが、以下のコードGoogleが提供しているコード <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> をcontact.htmlのHeadの中に記入したのですが、すべての<script>タグにtype属性が必要です、と表示されてcheck_contactform関数が起動しません。他のCDNコードでもも同様でした。どうしたら良いでしょうか？書き方が間違っているのでしょうか？ すごく困っています。回答よろしくお願い致します。 コードは下にURL に書いてあります。contact.htmlの中にCDN経由でjQueryを起動するコードをHeadの中に記入しました。 「contact.html」(入力フォーム、check_contactform関数のコード） https://drive.google.com/file/d/15sFCKKJ_kCT3HXKLxqoZT6oaRG5e_csk/view?usp=sharing 「confirmation.php」（確認画面の表示） https://drive.google.com/file/d/1VWREEhXlpajsEHjF-NOeSqeocHmSLnME/view?usp=sharing

画像を拡大する

質問者が選んだベストアンサー

  • ベストアンサー
回答No.2

<スクリプトsrc="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></スクリプト> それと、この行の直後。。 <スクリプト>　←これが抜けてる。 ずらずらスクリプト </スクリプト>　←これが抜けてる。 </head> scriptが禁止ワードなのか、書けないので「スクリプト」って 書いてるところを読みかえて、やってみてもらえます？ おまけ src="https://ajax.googleapis.com ここを src="//ajax.googleapis.com と、httpsを省略した方が、いいですよ。 CDNにもhttpもあるので、どちらを使うかを決め打ちしないほうが ローカルで実行するときにも動いて便利なので＾＾

その他の回答 (1)

回答No.1

こんにちは。 scriptタグの中に type="text/javascript" を入れれば動くのではないかと。

  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. JavaScript

関連するQ&A

  • jquery3系がうまくいかない

    jquery3系が出ていたので使ってみたのですが、CDNはうまくいったのですが、そのものをダウンロードして使うほうがうまくいきません。 https://code.jquery.com/jquery-3.1.1.min.js のソースコードをコピペしてjquery-3.1.1.min.jsというファイルを自分で作って下記のようにしているのですが、CDNが読み込まれなかった場合に読み込むというやり方のようです。 <!-- start load jquery --> <!--[if lt IE 9]> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> <script>window.jQuery || document.write('<script src="/js/jquery-1.11.0.min.js"><\/script>')</script> <![endif]--> <!--[if gte IE 9]><!--> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> <script>window.jQuery || document.write('<script src="/js/jquery-3.1.1.min.js"><\/script>')</script> <!--<![endif]--> <!-- end load jquery --> ・もちろん下記のようにもしましたが駄目でした。 <!-- start load jquery --> <!--[if lt IE 9]> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> <script>window.jQuery || document.write('<script src="/js/jquery-1.11.0.min.js"><\/script>')</script> <![endif]--> <!--[if gte IE 9]><!--> <script>window.jQuery || document.write('<script src="/js/jquery-3.1.1.min.js"><\/script>')</script> <!--<![endif]--> <!-- end load jquery -->

  • 入力フォーム　プログラミング

    HTML,PHP,の初心者です。入力フォームを作っています。入力フォームのカレンダー（日付を記入するところ）がなぜか文字を記入する事ができません。なぜでしょうか？ "___年__月__日の部分なのですが、ここに数字を記入できません。どうしたらよいでしょうか？ 先へ進めず困っています。 画像で表示されている赤い丸で囲んである部分です。 作ったコードはドライブにアップした下にある。２つのURLがコードになります。 (tell.html)(入力フォーム） https://drive.google.com/file/d/1l7XdLc0Ylm53zGAN6ISd3ag2TY9Wl47Y/view?usp=sharing （concon.php)(入力された情報を送るコード） https://drive.google.com/file/d/1wsp48Y-jG9b8f3Nc7JMMWmyyLiWm28TR/view?usp=sharing 回答よろしくお願いします。

    • ベストアンサー
    • PHP
  • ホームページ　入力フォームに入力された情報受け取り

    ホームページの入力フォーム作成で入力フォーム→確認画面の表示するコードを書いているのですが、実際に書いたコードは一番下のURLにあります」 書き方は下のURL(1)のサイトに載っている書き方と全く同じコードを書いているのですが（少し変えてますが） (1)https://www.web-officer.com/php/how-to-make-inquiry-form.php contact.htmlファイル内のcheck _contactform l という名前の関数 は起動します。 しかし confirmation.phpという確認画面表示のphpファイルに以下のphpのコードを書くと 確認画面が表示された際に初めの入力フォームに入力した情報が確認画面に送られると思うのですが、確認画面に情報が表示されません。送付画像のように確認画面に入力した情報が表示されません。やり方が間違っているのでしょうか？それともコードの記載場所やコード自体が間違っているのでしょうか？ 先に進まず途方に暮れています。 詳しいかた、回答よろしくお願いします。すごく困っています。 以下記載した情報受け取りコード（confirmation.phpに記載URL内の赤枠） <?php $name = $_POST['name'];　　　　名前 $furigana = $_POST['furigana'];　フリガナ $tel = $_POST['tel'];　　　　　　　電話番号 $address = $_POST['address'];　メールアドレス $pay = $_POST['pay'];　　　　　クレジットカード ?> ベースファイル「contact.html」(入力フォーム、check_contactform関数のコード） https://drive.google.com/file/d/1IXzx3OV6Ue9u4RvSb1SxmAo2PncceB8Z/view?usp=sharing 「confirmation.php」（入力フォームの確認画面の表示） https://drive.google.com/file/d/1FDA_K4yHDERMMmWHssu-fh113BE7wwnH/view?usp=sharing

    • ベストアンサー
    • PHP
  • 何をする為のjqueryなのでしょうか？

    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"> は何をする為のjqueryなのでしょうか？ googleと言う単語がパスの中に入ってますが googleに関連するものでしょうか？

  • ホームページの入力ホーム　プログラミングコードあっ

    ホームページの入力欄を作成しています。写真と同じものです。 ファイルのURLは下にあります。 入力ホームに入力されていないと文字のエラーメッセージがでるようにphpコードを書きました。入力されていなければ出るエラーメッセージはこのコードで合っていますでしょうか？phpファイル名cart1 また、入力ホームの最後、送信ボタンはオリジナル画像をクリックされたら、入力情報を送信できるようにコードを書きました。phpファイル名cart uketori また、HTMLファイルの最後の方にコードを書きました。 しかしブラウザで画像をクリックしてみると、入力ホームに入力した情報が表示されず、phpファイルcart1のコードがそのまま表示されます。画像をクリックしてきちんと情報を受信できるようにするにはどうコード書いたら良いでしょうか？そのコードを教えてください。 HTMLファイルの中にphp上記2つを同期？指定？させました。このやり方であってますでしょうか？ HTMLファイル https://drive.google.com/file/d/1e5dZNHMoZjGp0A63pRdlXO__v78TR0mm/view?usp=sharing CSS 名前Mresponsive https://drive.google.com/file/d/19DD_dA4oXMcvoBE9zA2jAXzpxAXn_rek/view?usp=sharing php 名前　cart1 https://drive.google.com/file/d/1i9FFYZZ5VWKJP2IKRg93_Mohe-JPTViN/view?usp=sharing php 名前　cart uketori https://drive.google.com/file/d/1NdZlfMHf6ELl9QRFUiN2aa4BhIk2ttQN/view?usp=sharing 回答よろしくお願い致します。 すごく困っています。

    • 締切済み
    • PHP
  • jQueryが動きません。

    表題のとおりです。 fademover(http://www.detelu.com/fademover/)を動かそうと思って 導入しても動いてくれません。 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> <script src="jquery.fademover.js"></script> <script> $(function(){ $('body').fadeMover({'effectType': 2,'inSpeed': 5000}); }); </script> の部分。 Chromeだと Uncaught TypeError: Object [object Object] has no method 'fadeMover' index.html:14 (anonymous function) index.html:14 n ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js:2 o.fireWith ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js:2 e.extend.ready ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js:2 c.addEventListener.B Safariだと TypeError: 'undefined' is not a function (evaluating '$('body').fadeMover({'effectType': 2,'inSpeed': 5000})') と出ます。 jsやjqueryはあまりいじったことないので 手が出ない状態です。 よろしくお願いします。

  • jQuery 読み込み

    jQuery 読み込み ソースなのですが <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>jqueryの練習</title> </head> <body> <p>jQueryの練習</p> <script src="http://code.jquery.com/jquery-1.10.1min.js"></script> <script> $(function(){ $('p').css('color','red').hide('slow'); }); </script> </body> </html> で9行目と11行目がエラーになります。 英語読めないのでエラーの内容はわかりませんが jQueryが読み込めてないのだと思っていて そこで質問なのですが 9行目で「http:～」と絶対パスで指定してるのにも関わらず jQueryを読み込めない理由って何かありますでしょうか？ （全く的外れな事を言い出していたらごめんなさい。）

  • Ajaxを使った読み込みができない

    ●質問の主旨 Ajax（非同期通信）を使って、 ブラウザ上でテキストファイルの読み込みを させたいのですが、できません。 Ajaxにお詳しい方、ご指導願います。 ●質問の補足 HTML5とjqueryの技術を使って、 テキストファイルの中身（Hello,World)の 読み込みをさせたいと考えております。 参考サイトにもとづいてやってますが、 画像の表示ができません。 表示させるためにはどうしたら良いでしょうか？ ●コード <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>jQueryの練習</title> <script src="http://code.jquery.com/jquery-1.7.2.min.js"></script> </head> <body> <h1>jQueryの練習</h1> <div id="main"></div> <input type="button" id="kick_ajax" value="Ajax!"> <script> $(function() { $('#kick_ajax').click(function() { $('#main').load('contents.txt', function() { alert('読み込み終了！'); }); }); }); </script> </body> </html> ●テキストファイルのファイル名 contents.txt ●参考サイト（ドットインストール） http://dotinstall.com/lessons/basic_jquery/519

    • ベストアンサー
    • AJAX
  • jqueryのアニメーションが動かない！！

    $(".skinTitleArea").css("opacity","0"); $(function(){ $(".skinTitleArea").animate({"opacity","1"},500); }; って入れても動かない。 http://ameblo.jp/koko5666/ アメブロなのですが、append等はちゃんと反映されてるのでjquery本体は読み込まれてます。なのにアニメーションanimateが動かない。入れるとjqueryが読み込まなくなって、他の記述も反映されなくなる。 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script> <script src="https://dl.dropbox.com/u/63681173/loveinstagram/jquery.common.js"></script> アニメーションが入ってるjavascriptは現在消してます https://dl.dropbox.com/u/63681173/loveinstagram/jquery.common.js

  • USBメモリーへファイルを転送中シャットダウン

    512GB、フォーマット形式exFATのUSBメモリーを買いました。 すると http://okwave.jp/qa/q8746402.html のような問題が起こりました。 解決方法１：フォーマットする フォーマットしたら、正常なUSBに戻りますが、USB内のデータは全て消えてしまいます。 解決方法２：エラーチェック いただいた回答に従い、エラーチェックをしたら https://drive.google.com/file/d/0B5GeO_NHMdeRSGVtZXMyRkhZdEk/edit?usp=sharing https://drive.google.com/file/d/0B5GeO_NHMdeRZTJvSjIzU1c3cW8/edit?usp=sharing という結果になり、ここに書かれている内容は僕には意味不明ですが、USBは正常になりました。 ところが、 「よし、直った」と思って、USBにファイルをコピーしていると、また突然シャットダウン。 起動してUSBを差し込んでみると、また一番上に貼ったリンクにあるような問題が起こっています。 またエラーチェックして、USBを正常にして、コピー再開。 するとまた突然シャットダウン。 この繰り返しです。 突然シャットダウンするときには、まず、10秒ほど https://drive.google.com/file/d/0B5GeO_NHMdeRdW5GNHhZQW5rdm8/edit?usp=sharing という画面になり、それからプツンと電源が切れます。 いちいちシャットダウンされないためにはどうすれば良いかわかる方、 いらっしゃいましたら、回答をお願いします。

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する