Android - Jquery Mobile - кнопки отображаются через окно оповещения - PullRequest
0 голосов
/ 01 сентября 2011

Мое приложение написано с использованием 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);
   }
}

1 Ответ

2 голосов
/ 01 сентября 2011

1) без jQuery Mobile - то, что вы начали выше, вот аналогичное обсуждение:

jQuery: как я могу создать простое наложение?

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

...