javascript - jQuery中 .ready() 作用域 / 执行顺序的疑问?
本文介绍了javascript - jQuery中 .ready() 作用域 / 执行顺序的疑问?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
问 题
先上代码:
<div id="four">four</div>
<div id="five" onclick="fn()">five</div>
<script>
$(document).ready(function() {
$('#four').on('click', function() {
alert('four')
});
function fn () {
alert('five')
}
})
疑问:
这个时候点击 #four 时,可以触发事件,但点击 #five 时,不能触发事件,控制台报错为 fn is not defined。
如果把 fn 函数放到 .ready() 外面的时候是可以正常触发事件。
on 绑定的事件不管在 .ready() 里面还是外面都可以正常使用。
如果说 .ready() 里面的方法在 DOM 加载完后,里面的函数就会销毁掉,那么为什么 .on() 绑定的事件还能正常执行?
如果说 是作用域的 问题,同样 为什么 .on() 的可以执行, 而 fn 函数又不能触发了呢?
如果说 fn 在 DOM 加载完之后就执行了,但实际上代码中并没有调用 fn() ,同时 .on() 里面的匿名函数也没有被执行啊。
这个问题到底是作用域的问题还是执行顺序的问题?
还是这里jQuery有一套什么机制?
这个问题已被关闭,原因:问题已解决 - 问题已解决,且对他人无借鉴意义
解决方案
和jquery无关,函数的作用于问题,onclick绑定的fn是全局的,你放在ready匿名函数的作用域里面显然是不行的,
这篇关于javascript - jQuery中 .ready() 作用域 / 执行顺序的疑问?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文