不能调用jquery中ready里面定义的函数?


现象:不能调用jquery中ready里面定义的函数

源码:<script type="text/javascript">

$(document).ready(function(e) {

function test(){

alert('test!');

}

});

test(); // 报错,test()未定义

</script>

解析:ready也相当于一个函数,即新建一局部函数作用域,外面 当然不可用。和js的onload函数差不多,就比如onload="ready()"

function ready(){

function test(){

alert("test!")

}

}

你在外面肯定调用不了test()函数的

解决方法:

1、把要在外面调用的函数test()从$(document).ready 单独抽出来,供调用!

2、将要在外部调用的函数的作用域提升为全局作用域(变量申明),如下:

<script type="text/javascript">

var test;//定义一全局变量,可省略

$(document).ready(function(e) {

test=function(){

alert('test!');

}

});

test(); //现在可以在外部调用了

</script>

<a href='javascript:;' onclick='test();'>点击测试,test();供标签事件调用</a>


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM