2011-06-26 3 views
8

Мне нужно всплывающее диалоговое окно для моего мобильного приложения jQuery. Я нашел этот плагин в:jQuery мобильные и всплывающие диалоговые окна

http://dev.jtsage.com/jQM-SimpleDialog/

Который является удивительным - делать именно то, что мне нужно, но одна деталь - он не работает корректно на Android браузеров я попробовал его (все Я получаю пустой экран.) Я подозреваю, что разработчик тестировал только на iPhone (возможно, пользователь iPhone мог подтвердить, работает ли он или нет.)

Кто-нибудь знает об исправлении или альтернативном подключаемом модуле такая же вещь?

+0

Он работал на моем андроиде просто отлично. – Jasper

+0

Могу ли я спросить, какую версию Android вы используете, и какой браузер вы использовали? –

+0

Android версии 2.2.1, используя встроенный браузер. – Jasper

ответ

5

Если вы просто отображение информации (нет необходимости событий обратного вызова/ответа) вы можете создать всплывающее окно таким образом:

<script type="text/javascript"> 
$("<div class='ui-loader ui-overlay-shadow ui-body-e ui-corner-all'><h1><strong>Thank you, we have received your information.</strong></h1></div>") 
    .css({ "display":"block", "opacity":0.96, "top": $(window).scrollTop() + 100 }) 
    .appendTo($("body")) 
    .delay(2500) 
    .fadeOut(400, function(){ 
     $(this).remove(); 
    }); 
</script> 
+0

Это работает очень хорошо! JQuery Mobile 1.2 alpha для всплывающих окон по-прежнему имеет некоторые проблемы при объединении со старой версией JQuery Mobile. – mashtheweb

0

я с той же проблемой, и я решил использовать popup() функции из jQuery Mobile 1.2 alpha: http://jquerymobile.com/demos/1.2.0-alpha.1/docs/pages/popup/index.html. До этого я использовал JQM Simple Dialog 2 http://dev.jtsage.com/jQM-SimpleDialog/demos2/.

Это может помочь также:

Я также создал небольшой плагин, который обтекает JQuery Mobile popup() функции, чтобы иметь возможность вызвать всплывающее окно гораздо проще, как $.dynamic_popup('Your HTML message'); См http://ghita.org/jquery/dynamic-mobile-popup или демо и скриншоты в https://github.com/serbanghita/jQM-dynamic-popup

Сообщите мне, если соц.

PS: работает с jQM 1.3

Смежные вопросы