Android - Jquery Mobile - 通過Alert Box顯示按鈕

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: 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