<!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. Java工具类：获取long型唯一ID

    直接上代码: import java.text.SimpleDateFormat; import java.util.Date; /** * 获取long型唯一ID */ public class I ...

  2. UVA 11584 Paritioning by Palindromes（动态规划 回文）

    题目大意:输入一个由小写字母组成的字符串,你的任务是把它划分成尽量少的回文串.比如racecar本身就是回文串:fastcar只能分成7个单字母的回文串:aaadbccb最少可分成3个回文串:aaa. ...

  3. linux下shell编程示例-获取进程id

    今天初步学习了一下linux下的shell编程,简单记录一下测试用例 1.编辑shell脚本文件如下: #!/bin/bashecho "hello bash linux"echo ...

  4. ubuntu 安装flash插件

    参考文献: http://wiki.debian.org.hk/w/Install_Flash_Player_with_APTapt-get install adobe-flashplugin

  5. centos 基本操作(输入法安装,adls宽带连接,查找文件,模拟终端)

    centos 基本操作之输入法安装输入法启动终端,切换到超级管理员yum install "@Chinese Support"安装成功后,退出System->Preferen ...

  6. 数据库创建&数据表创建

    --第2_1题创建数据库 create database Student201038897041 on primary (name='student1', filename='F:\coures\SQ ...

  7. mysql 存储引擎 myisam innodb 区别

    虽然MySQL里的存储引擎不只是MyISAM与InnoDB这两个,但常用的就是它俩了.可能有站长并未注意过MySQL的存储引擎,其实存储引擎也是数据库设计里的一大重要点,那么博客系统应该使用哪种存储引 ...

  8. web design tools

    https://www.google.com/webdesigner/ http://html.adobe.com/edge/inspect/ http://www.creativebloq.com/ ...

  9. PHP5.6.x的新鲜事

    PHP5.6.x的新鲜事 期中考回来,刷刷php.net,发现——又更新了..现在马上来看一下What's New in PHP 5.6.x 内部操作符重载(internal-operator-ove ...

  10. hdu 4738

    桥的应用! 虽然以前做过强联通分量的题,但刷的很水,所以比赛的时候一直想不起来是桥的应用: 反省一下~~~学习一下! 思路,找到权值最小的桥:用tarjin算法! 代码: #include<cs ...