javascript - 函数未定义 - 未捕获的referenceerror(Function is not defined - uncaught referenceerror)

Question

I have this uncaught referenceerror function is not defined error which do not understand.(我有这个未被捕获的referenceerror函数未定义错误哪些不明白。)

If I have(如果我有) $(document).ready(function(){ function codeAddress() { var address = document.getElementById("formatedAddress").value; geocoder.geocode( { 'address': address}, function(results, status) { if (status == google.maps.GeocoderStatus.OK) { map.setCenter(results[0].geometry.location); } }); } }); and(和) <input type="image" src="btn.png" alt="" onclick="codeAddress()" /> <input type="text" name="formatedAddress" id="formatedAddress" value="" /> When I press the button it will return the "uncaught referenceerror".(当我按下按钮时，它将返回“未捕获的参考错误”。) But if I put the codeAddress() outside the $(document).ready(function(){} then it working fine .(但是如果我把codeAddress（） 放在 $（document）.ready（function（）{}之外，那么它运行正常 。) My intention is put the codeAddress() within the document.ready.function.(我的意图是将codeAddress（）放在document.ready.function中。)   ask by Peter translate from so

Answer 1

The problem is that codeAddress() doesn't have enough scope to be callable from the button.(问题是codeAddress()没有足够的范围可以从按钮调用。)

You must declare it outside the callback to ready() :(您必须在回调之前将其声明为ready() ：) function codeAddress() { var address = document.getElementById("formatedAddress").value; geocoder.geocode( { 'address': address}, function(results, status) { if (status == google.maps.GeocoderStatus.OK) { map.setCenter(results[0].geometry.location); } }); } $(document).ready(function(){ // Do stuff here, including _calling_ codeAddress(), but not _defining_ it! });