0

onclick イベントが発生したときに、いくつかの入力フィールドを追加しようとしていました。これを行うためにJavaScriptを使用しています。私がフィドルで試していたとき、うまくいきました。しかし、私のローカルホストでは機能しません。以下のエラー メッセージが表示されます。

ReferenceError: $ is not defined
$(".more").click(function() {

そして、ここに私のコードがあります:

<!DOCTYPE script PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">
    <head>
      <script src="//admin/lib/jquery-1.10.2.js" type="text/javascript">
      </script>

      <link href="//admin/css/layout.css" rel="stylesheet" type="text/css"/>

    <script type="text/javascript">

    $(".more").click(function() {
        $("#container").append("<br><div id='test'><label>Title: </label><input type=\"text\" id=\"txt_jobTitle\">&nbsp;<label>Company</label><input type=\"text\" id=\"id2\">&nbsp;<label>Started</label><input type=\"text\" id=\"txt_jobStarted\">&nbsp;<label>Ended</label><input type=\"text\" id=\"txt_jobStarted\">&nbsp;<div class='box'><a href='#'>x</a></div></div><br/>");
        var count = $(".box").length;

    });

        $(".box a").live("click", function() {
            $(this).parent().remove();
            $("#test").remove();
        });

        </script>

    </head>

    <body>


        <div id="container">

                                <a href="#" class="more">Add more +</a>
                        </div>

    </body>

        </html>

私は JavaScript のキー プレーヤーではないため、この問題をどのように解決できるかわかりません。この問題を解決するにはどうすればよいですか?

同じ問題で多くの同様のソリューションに出くわしましたが、どれもうまくいきませんでした。

よろしくお願いします。

4

5 に答える 5

1

jQueryライブラリが含まれる前にコードが呼び出されたか、jQueryjs ファイルへのパスが間違っているか間違っていると思われます。

于 2013-08-26T09:36:30.670 に答える
0

jquery jsパスが正しくないよりも機能する場合は、これを試してください

<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
于 2013-08-26T09:38:56.357 に答える