jQuery点击事件语法

iaqfqrcu 于 2022-11-22 发布在 jQuery

关注(0)|答案(2)|浏览(134)

下面的代码在使用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>

我收到了2个来自Chrome inspect元素的错误：

Uncaught SyntaxError: Unexpected end of input jquery-latest.js:5669
Uncaught ReferenceError: $ is not defined

jquery

来源：https://stackoverflow.com/questions/11919878/jquery-click-event-syntax

2条答案

按热度按时间

5jvtdoz21#

检查 jquery-latest.js 是否与 html 文件在同一个目录下。否则代码是正确的，也可以工作。在脚本中添加类型。尝试以下操作

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

中的每一个

赞(0）回复(0）举报 2022-11-22

vngu2lb82#

您需要在$(document).ready()事件中连接click处理程序。

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

赞(0）回复(0）举报 2022-11-22

我来回答

jQuery点击事件语法

2条答案

相关问题

热门标签

最新问答