Question

以下代码使用XAMPP在localhost上运行良好。但它不能在另一台服务器上运行。

<!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

Answer 1

检查jquery-latest.js是与html文件相同的目录。否则代码是正常的，也可以。在脚本中添加类型。试试这个

<script type="text/javascript" src="jquery-latest.js"></script>

Answer 2

您需要在$(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>

jQuery单击事件不起作用

2 个答案: