<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>index.html</title>
<link rel="stylesheet" href="../jquery.mobile-1.0.1.min.css" />
<script type="text/javascript" charset="utf-8" src="../jquery.js"></script>
<script type="text/javascript" charset="utf-8" src="../jquery.mobile-1.0.1.min.js"></script>
<script type="text/javascript" charset="utf-8" src="../cordova-2.0.0.js" ></script>
<script type="text/javascript" charset="utf-8" src="../underscore-min.js"></script>
<script type="text/javascript" charset="utf-8" src="../backbone-min.js"></script>
<script type="text/javascript" charset="utf-8">
$(document).ready(function(){
document.addEventListener("deviceready", deviceready, false);
});
function deviceready(){
Notification.prototype.activityStart=function(title,message){
var _title=title||"Busy";
var _message=message||"Please wait...";
PhoneGap.exec(null,null,"Notification","activityStart",[_title,_message]);
};
}
function callBackFunc(index){
alert(index);
}
function buttonCallback(){
navigator.notification.activityStart("a","b");
}
function buttonCallback1(){
alert("A");
navigator.notification.activityStop();
}
</script>
</head>
<body>
<button type="button" οnclick="buttonCallback()">Click Me!</button>
<button type="button" οnclick="buttonCallback1()">Click Me!</button>
</body>
</html>
deviceready()方法中的代码可以重写等待框中的参数title和message,
效果:
发现的问题是点击等待框旁边的半透明黑色区域或者点击安卓手机物理返回键等待框会消失,待解决......