Tizen Javascript函数未定义：未捕获ReferenceError：未定义checkToggle
[英]Tizen Javascript function undefined: Uncaught ReferenceError: checkToggle is not defined
问题描述
I'm trying to do a simple http request to my server in a tizen web application for gear s2. 
我正在尝试在齿轮s2的tizen Web应用程序中对服务器执行一个简单的http请求。
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no"/>
<title>Wearable UI</title>
<link rel="stylesheet" href="../../lib/tau/wearable/theme/default/tau.min.css">
<link rel="stylesheet" href="../../css/style.css">
<!--<script type="text/javascript" src="toggle.js"></script>-->
<script type="text/javascript" >
function checkToggle(name){
//make box2 = box1 when checked
var checkbox = document.getElementById(name);
if (checkbox.checked == 1){
HTTPReq('http://secret.nl/WebServer/edit.php?name='+name+'&value=1');
console.log("set "+name+" ON");
}else{
HTTPReq('http://secret.nl/WebServer/edit.php?name='+name+'&value=0');
console.log("set "+name+" OFF");
}
}
function HTTPReq(theUrl){
console.log('httpReq');
var client = new XMLHttpRequest();
client.open('GET', theUrl);
client.send();
}
</script>
</head>
<body>
<div class="ui-page" data-enable-page-scroll="false">
<div class="ui-content">
<div class="ui-switch">
<div class="ui-switch-text">
Led001
</div>
<div class="ui-toggleswitch ui-toggleswitch-large">
<input type="checkbox" class="ui-switch-input" id="Led001" onclick="checkToggle('Led001')">
<div class="ui-switch-button"></div>
</div>
<div class="ui-switch-sub-text">
Bedroom Light
</div>
</div>
</div>
<script src="controls.js"></script>
</div>
</body>
<script type="text/javascript" src="../../lib/tau/wearable/js/tau.min.js"></script>
</html>
When i emulate this i get the error: Uncaught ReferenceError: checkToggle is not defined. 当我对此进行仿真时，会收到错误：Uncaught ReferenceError：未定义checkToggle。 How ever when i save the same file when i'm in web emulator mode and live editing. 当我处于网络仿真器模式和实时编辑状态时，如何保存相同的文件。 the code works....? 该代码有效....？ Can anyone explain this and tell me how to fix this. 任何人都可以解释一下，并告诉我如何解决。 Thanks 谢谢
2 个解决方案
解决方案1
0 2015-12-16 17:16:22
Try: 尝试：
document.getElementById("Led001").addEventListener("click", function(){
checkToggle("Led001")
})
And remove the onClick from your HTML 并从HTML中删除onClick
解决方案2
0 已采纳 2015-12-18 01:17:58
I'm not 100% sure how i fixed it but here is the code that works: 我不是100％知道我如何解决它，但是这是有效的代码：
( function () {
var led001Button = document.getElementById("Led001"),
led002Button = document.getElementById("Led002");
function httpReq(theUrl){
var xmlhttp = null;
xmlhttp = new XMLHttpRequest();
// xmlhttp.onreadystatechange = function(){
// if (xmlhttp.readyState == xmlhttp.DONE){
// alert(xmlhttp.responseText);
// }
// else{
// alert(xmlhttp.statusText);
// }
// };
// xmlhttp.onerror = function(e){
// alert("onerror: " + xmlhttp.statusText);
// };
xmlhttp.open("GET", theUrl);
xmlhttp.send();
}
function checkToggle(name){
//make box2 = box1 when checked
var checkbox = document.getElementById(name);
if (checkbox.checked === true){
httpReq('http://secret.nl/WebServer/edit.php?name='+name+'&value=1');
// console.log("set "+name+" ON");
}else{
httpReq('http://secret.nl/WebServer/edit.php?name='+name+'&value=0');
// console.log("set "+name+" OFF");
}
}
if (led001Button) {
led001Button.addEventListener("change", function(){
checkToggle("Led001");
});
}
if (led002Button) {
console.log('test');
led002Button.addEventListener("change", function(){
checkToggle("Led002");
});
}
} () );
Thanks for all the replies they have all helped in some way. 感谢您的所有答复，他们都以某种方式提供了帮助。
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.