Android - Jquery Mobile -按钮显示通过警报框

Question

我的应用程序是使用HTML, Javascript和Jquery Mobile编写的。

在我的HTML页面上，我有一个<a href>调用Javascript打开一个自定义警报框。我还在页面上使用了几个Jquery Mobile元素，比如按钮和滑块。当被调用时，这些元素位于我的警报框的顶部。

任何想法如何使我的警报框在调用时完全集中?

下面是一些代码:

index . html:

<a href="javascript:Alert()">Click Here</a>
<div id="AlertBox" class="alert" style="display:none" onClick="document.getElementById('AlertBox').style.display='none'">Message Here</div>

Javascript:

function DisplayAlert(id,left,top) {
document.getElementById(id).style.left=left+'px';
document.getElementById(id).style.top=top+'px';
document.getElementById(id).style.display='block';
}
function Alert() {
var something = false;
if(something) {
}
else {
   DisplayAlert('AlertBox',100,50);
   }
}

Answer 1

1)没有jQuery Mobile -你在上面开始的，这里是一个类似的讨论:

jQuery:如何创建一个简单的叠加?

2)，也可以使用jQuery Mobile完成对话框，如下所示:

<a href="content.html" data-rel="dialog">Open dialog</a> 

文档:http://jquerymobile.com/demos/1.0b2//演示/1.0 b2/docs/页面/page-dialogs.html