Модальные всплывающие формы для мобильного браузера (Android, iPhone и BlackBerry)

Question

Мне нужен модальный всплывающий экран / форма на моем сайте, который должен работать на Android, iPhone и BlackBerry. Я попытался использовать диалог jquery ui для этого, но он не работает должным образом на упомянутых устройствах. Кто-нибудь может помочь мне с этим?

Спасибо.

Answer 1

Посмотрите на jQueryMobile - вы можете сделать что-то вроде этого:

<script>
    $('#okButton').bind('click', function () {
        alert('hello world');
    });
</script>

<div data-role="page">
    <div data-role="content">
        <a href="#myDialog" data-rel="dialog" data-role="button">Open Dialog</a>
    </div>
</div>
<div id="myDialog" data-role="dialog">
    <a href="#" data-role="button" data-icon="check" id="okButton">OK</a>
    <a href="#" data-rel="back" data-icon="delete" data-role="button">Cancel</a>
</div>