0

localhost以下のコードは、XAMPPを使用した場合にうまく機能します。ただし、別のサーバーでは機能しません。

<!DOCTYPE html>
<html>
    <head>
        <script src="jquery-latest.js"></script>
    </head>
    <body>
        word: <input type="text" id="sub" />
        user: <input type="text" id="user" />

        <button type="button" id="btn">Click Me!</button>

        <script>
            $("#btn").click(function () {
                var word=$("#sub").val();
                var usr=$("#user").val();
                alert("hi");
            });
        </script>
    </body>
</html>

Chrome inspect 要素から 2 つのエラーが発生しました。

  • Uncaught SyntaxError: Unexpected end of input jquery-latest.js:5669

  • Uncaught ReferenceError: $ is not defined

4

2 に答える 2

1

jquery-latest.js が html ファイルと同じディレクトリであることを確認します。それ以外の場合、コードは問題なく機能します。スクリプトにタイプを追加します。これを試して

<script type="text/javascript" src="jquery-latest.js"></script>
于 2012-08-12T05:18:01.507 に答える
1

$(document).ready()イベントでクリック ハンドラーを接続する必要があります。

<!DOCTYPE html>
<html>
    <head>
        <script src="jquery-latest.js"></script>
        <script>
        $(document).ready(function() {
            $("#btn").click(function () {
                var word=$("#sub").val();
                var usr=$("#user").val();
                alert("hi");
            });
        });
        </script>
    </head>
    <body>
        word: <input type="text" id="sub" />
        user: <input type="text" id="user" />

        <button type="button" id="btn">Click Me!</button>
    </body>
</html>
于 2012-08-12T05:22:03.627 に答える