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

Question

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

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

知道如何让我的警报框在调用时获得完全焦点吗？

这是一些代码:

索引.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: How can i create a simple overlay?

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

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

文档: http://jquerymobile.com/demos/1.0b2/#/demos/1.0b2/docs/pages/page-dialogs.html