我在单击按钮来调用函数时遇到问题。在我的代码中,我尝试了两种不同的方法来让按钮调用该函数,但没有成功。目前,我使用 onclick 调用仅记录字符串的函数,但我在控制台中收到“Uncaught ReferenceError:camCapture 未定义”错误。
我认为问题可能与脚本声明的顺序有关。
<!DOCTYPE HTML>
<html>
<head>
<title>Campus Kitchens</title>
<meta name="viewport" content="width=device-width,initial-scale=1"/>
<link rel="stylesheet" href="css/codiqa.ext.css" />
<link rel="stylesheet" href="css/jquery.mobile-1.3.1.css" />
<style type="text/css">
#map{
height: 225px;
}
</style>
<link rel="stylesheet" href="css/leaflet.css" />
<script src="js/jquery-1.9.1.js"></script>
<script src="js/jquery.mobile-1.3.1.js"></script>
<script src="phonegap.js"></script>
<script src="js/codiqa.ext.js"></script>
<script src="js/leaflet.js"></script>
<script src="js/campuskitchens.js"></script>
<script type="text/javascript">
function onLoad(){
document.addEventListener("deviceready", onDeviceReady, false);
}
function camCapture(){
console.log("Over here!");
}
</script>
<div data-theme="a" data-role="header" data-position="fixed">
<h3>
Campus Kitchen
</h3>
</div>
<div data-role="content">
<div data-role="fieldcontain" data-controltype="camerainput">
<button onclick="camCapture()" data-role="button">Capture Picture of Food</button>
<img style="display:none; width:60px; height:60px;" id="smallImage" src="" />
</div>
</div>
最佳答案
该函数(毫无意义地)在“就绪”处理程序中定义,因此它不是全局函数。
将事件处理程序移出该函数。如果不能,因为它依赖于对“就绪”处理程序中其他符号的访问,那么您必须更改设置事件处理程序的方式(无论如何您都应该这样做)并使用 jQuery 来完成。
关于javascript - Uncaught ReferenceError : (given function) is not defined,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27046980/