0

codeacademy で html、css、javascript について学んでいます。codeacademy 環境なしで Web サイトを作成して、学んだことを実践したいと思いました。私が抱えている問題は、javascript を html にリンクすることです。フォルダーには、index.html、style.css、script.js の 3 つのファイルがあります。学んだとおりに設定しています。ウェブサイトは正常に読み込まれていますが、JavaScript が何らかの理由で機能しません。何か理由は？ここに私のhtmlとjsがあります：

index.html:

<!DOCTYPE html>
<html>
<head>
    <title>Result</title>
    <link rel='stylesheet' type='text/css' href='stylesheet.css'/>
    <script type='text/javascript' src='script.js'></script>
</head>
<body>
    <form>
    MESSAGE: <input type="text" name="message" value="Type your text here!">
    </form>
    <button>Add!</button><br/>
    <div id="messages"></div>
</body>

script.js:

$(document).ready(function () {
    $('button').click(function () {
        var toAdd = $("input[name=message]").val();
        $('#messages').append("<p>" + toAdd + "</p>");
    });
});
4

5 に答える 5

9

jquery を含める必要があります ( script.js を含める前に)

<head>
    <title>Result</title>
    <link rel='stylesheet' type='text/css' href='stylesheet.css'/>
    <script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js'></script>
    <script type='text/javascript' src='script.js'></script>
</head>
于 2013-06-10T14:50:18.613 に答える
3

jQuery を含めていません。codecademy がこれを行います。ここからローカル ファイルをダウンロードしてから、script.js のように含めることができます。

<script src="jquery.js"></script>

または、次のように CDN にリンクするだけです。

<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js'></script>
于 2013-06-10T14:50:43.850 に答える
1

スクリプトは jQuery 構文を使用して記述されていますが、jQuery ライブラリはどこにも含まれていません。スクリプトの前に jQuery を追加すれば問題ありません。

CDNの使用をお勧めします。script タグの直前に次の行を追加します。

<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js'></script>

編集: sircapsalot の要請により、CDN はコンテンツ配信ネットワークです。CDN の使用が優れている理由をお読みください。

于 2013-06-10T14:50:33.877 に答える
1

実際の JQuery ライブラリも参照する必要があります。

これをスクリプトの前に追加します。

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
于 2013-06-10T14:50:48.227 に答える
0

この前の回答で述べたように。まず、次のように jQuery を含める必要があります。

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>

しかし、ここにヒントがあります。Web ページに jQuery を含める場合は常に、最初にダウンロードしてから含める必要があります。これにより、ユーザーがインターネット接続を失った場合でも jQuery は引き続き機能するという利点がありますが、Google API から jQuery を含めると、インターネット接続が失われたときにスクリプトが機能しなくなります。

ここから jQuery をダウンロードできます: http://jquery.com/download/

この方法で含めることができます（保存した名前に応じて）：

<script src="jquery.js"></script>
于 2013-06-10T17:25:06.200 に答える