问答博客资讯标签用户活动
logo极客观点logo项目管理logoHarmonyOS
javascript
前端
python
node.js
react
vue.js
php
laravel
go
人工智能
mysql
linux
ios
java
android
css
typescript
spring
程序员
logoONES 研发管理logo思否企业问答logo安谋科技 XPU

jquery的包导入是没有问题的，以下click方法为什么点击会报错呢?

头像
二十二画生
    12
    头像
    边城
      59.8k157274
      新手上路，请多包涵
      <%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>测试jquery的使用</title>
</head>
<body>
<button id="btn" onclick="clickBtn()">按钮1</button>
</body>
<script src="jquery-1.12.4.min.js"></script>
<script>
    $(function () {
        // alert("jquery...")

        function clickBtn(){
            console.error('按钮1')
        }
    });

</script>
</html>
      javascriptjquery前端
      阅读 1.7k
      2 个回答
      得票最新
      头像
      二十二画生
        12
        ✓ 已被采纳新手上路，请多包涵

        实际方式如下，分为两种：

         <script>
    //方式一：在页面加载之前，加载此方法
    function clickBtn() {
        console.error('按钮1')
        alert("按钮function()")
    }
    
     $(function () {
        //验证页面引入jQuery的包是否成功
        // alert("jquery...")

         //方式二：页面加载之后，加载此方法
        $("#btn").click(function () {
            alert("btn点击了");
        });

    });

        <script>

        头像
        边城
          59.8k157274

          onclick 后面需要一个全局函数，但是你的 clickBtn 是定义在 $() 回调函数中的，不在全局上。可以改成

              $(function () {
        window.clickBtn = function() {
            console.error('按钮1')
        }
    });

          而且既然都用 jQuery 了，建议直接用 jQuery 来绑定事件，去掉 onclick=...，然后在下面代码中写

              $(function () {
        $("#btn").on("click", () => {
            console.error("按钮1");
        })
    });
          撰写回答
          你尚未登录，登录后可以
          • 和开发者交流问题的细节
          • 关注并接收问题和回答的更新提醒
          • 参与内容的编辑和改进，让解决方法与时俱进
          推荐问题