JQueryMobile: диалог, стилизованный под страницу при открытии из LI в меню - PullRequest
Новая
       2

JQueryMobile: диалог, стилизованный под страницу при открытии из LI в меню

0 голосов
/ 02 марта 2012

Я пытаюсь открыть диалоговое окно (data-rel = "dialog") из ссылки в выпадающем меню, которое я сделал.Тем не мение;JQM продолжает открывать его в режиме полного просмотра страницы (data-role = "page").

Что еще более странно, это то же самое диалоговое окно, когда открывается из кнопки или списка на той же странице, открывается как правильный диалог (data-role = "dialog").

Если я сначала запускаю диалоговое окно с помощью кнопки;последующие попытки запустить диалог из пункта меню также показывают его как диалоговое окно.Но если я сначала запускаю диалог через пункт меню;она отображается как страница.

Ссылка в элементе меню (открывает диалоговое окно как страница) 

<ul data-role="listview" data-inset="true">
    <li data-icon="false">
        <a href="#showDialog" data-rel="dialog">Show Dialog</a>
    </li>
</ul>

Ссылка в кнопке (открывает диалоговое окно в виде диалога) 

<a href="#showDialog" data-role="button" data-rel="dialog">Show Dialog</a>

Ссылка в виде списка (открывает диалоговое окно в виде диалога) 

<ul data-role="listview" data-inset="true">
    <li><a href="#showDialog" data-rel="dialog">Show Dialog</a></li>
</ul>

Вот jsFiddle с этой демонстрацией.

2 вопроса:

1) Почему такая разница в поведении?

2) Как заставить диалог открыться как диалог из пункта меню?

1 Ответ

0 голосов
/ 02 марта 2012

Разобрался с ответом на 2-ю часть моего запроса:

Пометка div с data-role = "dialog" (вместо "page") заставляет его всегда отображаться как диалоговое окно.1003 * 

<div data-role="dialog" id="showDialog">

Хотелось бы еще от кого-то понять, почему такая разница в поведении.

...