<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Document</title>

    <script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>

</head>

<body>

    <div onclick="abc()">测试测试</div>

<script>

$(function(){

     function abc(){

       alert(123)

     }

})

</script>

</body>

</html>

在ready函数里这样写会弹出函数未找到

如果写成这样：

$(function(){

    $("div").on("click", function(){

      alert(123)

    })

})

这样会执行成功，或者去掉ready这一层也能执行成功。

百度上搜为什么第一种不能执行，得到的答案差不多就是因为ready是局部函数。点击事件是在全局里调用，但是我的疑问就是我触发点击事件也是在ready加载完之后执行的，也应该是在ready作用域中啊。希望有想法的朋友可以回复我

先记录下来，目前的结论是：ready里不能声明函数。

2015.12.18 13点16分编辑：
中午趁吃饭时间问了问搞前端的同学，终于明白了其中含义：
div绑定的onclick = abc() 在页面加载 DOM渲染的时候  就会去绑定abc函数，就要去找abc()的函数声明，但是函数声明是在ready里面的，所以并没有找到，也就是没有给abc绑定上函数，所以就算等页面加载完了再去点击，这时候abc已经定型了，就是没找到这个函数声明。
解决办法：
方法一：把ready那一层去掉。
方法二：HTML里不绑定onclick,在JS里写成$("div").on("click", function(){})

随机推荐

  1. 04_过滤器Filter_03_多个Filter的执行顺序

    [Filter链] *在一个web应用中,可以开发编写多个Filter,这些Filter组合起来称为一个Filter链. *web服务器根据Filter在web.xml中的注册顺序,决定先调用哪个Fi ...

  2. .NET MVC 依赖注入 来龙去脉

    找了很久,找到一篇好文章,细读很有收获: 点击打开链接http://www.codeproject.com/Articles/560798/ASP-NET-MVC-Controller-Depende ...

  3. top工具

    top 显示进程所占系统资源 能够实时显示系统中各个进程的资源占用状况,类似于Windows的任务管理器. top命令打印出了很多信息,包括系统负载(loadaverage).进程数(Tasks).c ...

  4. [转]利用maven的surefire插件实现单元测试与集成测试

    原文链接 http://my.oschina.net/dlpinghailinfeng/blog/301136 maven单元测试与集成测试 通过maven的Profile 配置生命周期 通过mave ...

  5. 禁止选择文本和禁用右键 v2.0

    禁止鼠标右键(注:在火狐浏览器没有起到效果作用) <script> function stop() { return false }; document.oncontextmenu = s ...

  6. ionic移动开发入门

    学习资料:http://www.ionic.wang http://www.ionicframework.com/

  7. 【javascript 函数基础知识】

    函数实际上是对象,每个函数都是 Function 类型的实例,而且都会与其他引用类型一样具有属性和方法.由于函数是对象,因此函数名实际上也是一个指向函数对象的指针,不会与某个函数绑定. [概念标签] ...

  8. Ubuntu下Memcache的安装与基本使用

    安装Memcache Memcache分为两部分,Memcache服务端和客户端.Memcache服务端是作为服务来运行的,所有数据缓存的建立,存储,删除实际上都是在这里完成的.客户端,在这里我们指的 ...

  9. RESTheart安装与设置

    作者:Maurizio Turatti, 最后在Feb 25, 2016时被 Andrea Di Cesare更新 安装与设置 1. 快速开始 Docker Vagrant Bare metal 2. ...

  10. html 5 中的 6位 十六进制颜色码 代表的意思

    人的眼睛看到的颜色有两种: ⒈ 一种是发光体发出的颜色,比如计算机显示器屏幕显示的颜色: ⒉ 另一种是物体本身不发光,而是反射的光产生 十六进制颜色码 的颜色,比如看报纸和杂志上的颜色. 我们又知道任 ...