Jquery mobile phonegap+；jquerymobile，良好实践
直到现在，我还没有使用Phonegap推荐的index.js：Jquery mobile phonegap+；jquerymobile，良好实践,jquery-mobile,cordova,Jquery Mobile,Cordova,直到现在，我还没有使用Phonegap推荐的index.js： var app = { // Application Constructor initialize: function() { this.bindEvents(); }, // Bind Event Listeners // // Bind any events that are required on startup. Common events are: // 'load', 'deviceready', 'offlin
var app = {
// Application Constructor
initialize: function() {
this.bindEvents();
},
// Bind Event Listeners
//
// Bind any events that are required on startup. Common events are:
// 'load', 'deviceready', 'offline', and 'online'.
bindEvents: function() {
document.addEventListener('deviceready', this.onDeviceReady, false);
},
// deviceready Event Handler
//
// The scope of 'this' is the event. In order to call the 'receivedEvent'
// function, we must explicity call 'app.receivedEvent(...);'
onDeviceReady: function() {
app.receivedEvent('deviceready');
},
// Update DOM on a Received Event
receivedEvent: function(id) {
var parentElement = document.getElementById(id);
var listeningElement = parentElement.querySelector('.listening');
var receivedElement = parentElement.querySelector('.received');
listeningElement.setAttribute('style', 'display:none;');
receivedElement.setAttribute('style', 'display:block;');
console.log('Received Event: ' + id);
}
};
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="height=device-height,width=device-width,initial-scale=1.0,maximum-scale=1.0">
<link rel="stylesheet" href="css/jquery.mobile-1.3.2.css" type="text/css" media="all" />
<link rel="stylesheet" href="css/style.css" type="text/css" media="all" />
<script src="js/jquery-1.9.1.js"></script>
<script src="js/index.js"></script>
<script type="text/javascript" src="js/index.js"></script>
<script type="text/javascript">
app.initialize();
</script>
<script src="js/jquery.mobile.config.js"></script>
<script src="js/jquery.mobile-1.3.2.js"></script>
<script src="js/jquery-geturlvar.js"></script>
<script src="js/boardDims.js"></script>
<script src="js/functions.js"></script>
<!-- <script src="cordova.js"></script>-->
</head>
<body>
app.initialize（）；
对于像我这样的初学者来说，使用Phonegap+JQM创建应用程序的默认模板非常有用；-） index.js就是一个例子，您实际上不需要使用它。它主要向您展示如何使用
ondeviceradyondeviceradyondeviceradyondevicerady <script type="text/javascript">
function onLoad() {
document.addEventListener("deviceready", MYAPP.events.onDeviceReady, false);
}
</script>
</head>
<body onload="onLoad();">
函数onLoad（）{
document.addEventListener（“deviceready”，MYAPP.events.onDeviceReady，false）；
}
cordova.jsindex.jsjs/cordova.js我根据用途/内容将文件命名为“js”（应用程序的自定义js文件），如：events.js、models.js、settings.js、util.js等等。。。您可以在上面的代码片段中看到，我已经在应用程序的大写名称下“命名”了我的自定义JS对象，因此util.JS中的所有内容都将被调用为：
MYAPP.util.formatDate（）