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 检查元素中得到 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 回答