如何从javascript（GPS）显示jQuery移动对话框

我正在用JQM和PhoneGap开发一个应用程序。开始时，应用程序会检查GPS是否已启用。如果没有，它应该打开一个JQM对话框

JavaScript中的标准对话框可以工作，但我想要JQM对话框，但它不工作

这是我的密码：

<!-- PhoneGap 2.9.1  -->
<script type="text/javascript" charset="utf-8" src="js/cordova.js"></script>

---

从PhoneGap文档： 我在末尾插入了一行：$.mobile.changePage（“#dialogGPS'，{transition:'pop'，role:'dialog'}）

试验
你好
$（'#home'）。在（“pageshow”，function（）{
//等待加载设备API库
//
文件。添加的监听器（“deviceready”，OnDeviceraddy，false）；
//设备API可用
//
函数ondevicerady（）{
navigator.geolocation.getCurrentPosition（onSuccess，onError）；
}
//成功地理定位
//
成功时的功能（位置）{
var element=document.getElementById（'geolocation'）；
element.innerHTML='Latitude:'+position.coords.Latitude+'
'+
'经度：'+position.coords.Longitude+'
'+
'高度：'+position.coords.altime+'
'+
'精度：'+position.coords.accurity+'
'+
'高度精度：'+position.coords.altitudeAccuracy+'
'+
'标题：'+position.coords.Heading+'
'+
'速度：'+position.coords.Speed+'
'+
'时间戳：'+position.Timestamp+'
'；
}
//OneError回调接收PositionError对象
//
函数onError（错误）{
警报（'code:'+error.code+'\n'+
'消息：'+error.message+'\n'）；
$.mobile.changePage（“#dialogGPS'，{transition:'pop'，role:'dialog'}）；
}
});

---

dialogGPS角色：

<div data-role="dialogGPS">
        <div data-role="header" data-theme="d">
            <h1>Dialog</h1>
        </div>
        <div data-role="content" data-theme="c">
            <p>Content goes here.</p>
            <a href="#home" data-role="button" data-rel="back" data-theme="b">OK</a> 
            <a href="#home" data-role="button" data-rel="back" data-theme="c">Cancel</a>
        </div>
    </div>

对话
内容在这里

我认为您的对话框标记是错误的。而不是：

<div data-role="dialogGPS">

试一试

这里有一个

---

我认为你的对话框标记是错误的。而不是：

<div data-role="dialogGPS">

试一试

这里有一个

<div id="dialogGPS" data-role="page">