jQuery для мобильных и всплывающие диалоговые окна - PullRequest
Новая
       28

jQuery для мобильных и всплывающие диалоговые окна

8 голосов
/ 27 июня 2011

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

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

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

Кто-нибудь знает или исправление, или альтернативный плагин, который делает то же самое?

Ответы [ 2 ]

5 голосов
/ 23 октября 2011

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

<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 голосов
/ 30 августа 2012

У меня та же проблема, и я решил использовать функцию 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

...