Javascript在浏览器中运行，而不是在带有cordova的phonegap应用程序中运行

Question

下面的代码适用于一个需要将一些值保存到本地存储中的表单，我已经让它在浏览器中工作了，但当我在xcode/cordova中加载这个东西时，它不会触发函数。我尝试了调试，因此出现了很多警报，我在DWCS6中尝试了实时视图，但没有成功，我似乎无法运行它。你能找出错误吗？

函数saveSpanning()有一个if循环，当它退出if-then-else循环时，它不会在xcode模拟器中继续。在浏览器中，它会继续。

update ：它的作用是：有一个滑块，它会产生一个值，这个值需要与另外两个值(由JavaScript生成)一起保存在本地存储中，即：日期和记录计数。所以总共有三个值。

脚本运行，使用jquery mobile，启动该功能的按钮起作用，我用了document.ready代替了onBodyLoad，它基本上起作用，但功能saveSpanning在phonegap/ios/xcode模拟器或设备中没有进一步。

function saveSpanning() {
alert("saveSpanning gestart!");
var inputSpanning = document.getElementById("valSliderSpanning").value;
alert("input spanning = " + inputSpanning);
//For Time
var mes_time = document.getElementById("tijdSpanning").value;
var mestimearr = mes_time.split(":");
//For Date
var mes_date = document.getElementById("datumSpanning").value;
var mesdatearr = mes_date.split("-");
var d = new Date();
var curr_date = d.getDate();
var curr_month = d.getMonth() + 1; //Months are zero based
var curr_year = d.getFullYear();
var curr_hours = d.getHours();
var curr_min = d.getMinutes();
var curr_sec = d.getSeconds();
//newDate = curr_year + "/" + curr_month + "/" + curr_date + " " + curr_hours + ":" + curr_min + ":" + curr_sec
// origienel opmaak datum newDate = mesdatearr[0] + "/" + mesdatearr[1] + "/" + mesdatearr[2] + " " + mestimearr[0] + ":" + mestimearr[1] + ":00";
newDate = mesdatearr[0] + "/" + mesdatearr[1] + "/" + mesdatearr[2];
alert("deze datum wordt opgelsage: " + newDate);
//var itemId = newDate.getTime(); //creates a unique id with the milliseconds since January 1, 1970
var itemId = "spanningKey";
var values = new Array();
values.push(newDate); //push each value into our values array
values.push(inputSpanning); //push each value into our values array
//alert(inputSpanning);
var spanningCountVal = localStorage.getItem('spanning_count');
//alert(spanningCountVal);
if (spanningCountVal == null) {
spanningCountVal = 1;
alert("spanningCountVal was null, en wordt dus nu 1: " + spanningCountVal);
}
else {
spanningCount = parseInt(spanningCountVal) + 1;
alert("zit nu in de else loop: " + spanningCount);
}
alert("uit de ifthenelseloop, spanningCount = " + spanningCount);
itemId = itemId + '-rec-' + spanningCount;
alert("itemid: " + itemId);
alert("spanningCountVal: " + spanningCount);

localStorage.setItem("spanning_count", spanningCount); //store the item in the database
localStorage.setItem(itemId, values.join("|")); //store the item in the database
alert("Successfully Saved.");
}

$(document).ready(function() {
$("#button").click(function() {
alert("hallo functie");
});
$("p").text("The DOM is now loaded and can be manipulated.");

$('#button2').click(function() {
alert('Button has been clicked');
});
$('#knopje').click(function() {
saveSpanning();
});
});​

Answer 1

document.ready在加载所有DOM元素并可访问时被调用。在浏览器中，这通常是开始执行需要准备好DOM的代码的好时机。

然而，在Phonegap/Cordova中，document.ready事件触发后会运行许多步骤，包括连接到调试控制台。

相反，您需要等待deviceready事件才能知道phonegap/cordova何时已完全加载并准备好执行。在$(document).on('ready')中，您需要为deviceready添加一个事件侦听器，该侦听器应该激发您的方法。