прозрачные модальные диалоги с jquery mobile

Question

Я пытаюсь создать модальное диалоговое окно с помощью jquery mobile rc2.
Это мой код:

<div id="info" data-role="page" data-fullscreen="true"> 
        <div data-role="content">
             Info
             <a data-role="button" data-rel="dialog" href="#dialog" >Dialog</a>
        </div>
</div>

<div id="dialog" data-role="page" data-fullscreen="true">
    <div data-role="content"> 
       <p>This is Page 2</p>
    </div>
</div>

Как вы можете видеть, нет кода javascript, так как jqm должен обрабатыватьавтоматически.

Диалог выглядит красиво, но фон темнеет.Я хочу показать только диалог поверх моей страницы нормальный фон.Что я должен сделать?Это вообще возможно?Я не нашел никаких документов об этом, но я думаю, что это довольно распространенная проблема ...
Пожалуйста, помогите, если сможете!

Answer 1

Вы можете использовать jquery ui для создания диалога , который может быть модальным или нет. Я знаю, что это не то, что вы ищете, но попробуйте.

Answer 2

После долгого исчерпывающего глубокого поиска я нашел этот вопрос , который похож на мой.Он решает проблемы, даже если не правильно обрабатывает вложенные диалоги.
Надеюсь, команда jQuery Mobile решит эту проблему до официального выпуска!

Answer 3

Я думаю, что вам лучше всего использовать плагин Actionsheet: https://github.com/hiroprotagonist/jquery.mobile.actionsheet#readme

Я считаю, что он работает довольно хорошо, и, надеюсь, они внесут это в будущий мобильный выпуск jquery.Будьте осторожны при нажатии на ссылки на затемненном фоне.Я не понял, как отключить их с помощью этого плагина.