Я ищу, чтобы включить dialog
на мою страницу, к которой осуществляется доступ через popup
через jQuery Mobile
. Проблема, с которой я сталкиваюсь, - это когда я нажимаю кнопку для диалога, она не отображается, кажется, что страница перестает отвечать на запросы, поэтому я не знаю, просто ли скрыто диалоговое окно. Я просмотрел api jQuery
, чтобы узнать, есть ли опция, которую я пропускаю, но я ничего не мог найти.jQuery Мобильный диалог из всплывающего окна
для справки это мой код:
<a href="#my-popup" role="button" data-rel="popup" class="ui-page-theme-a ui-btn ui-corner-all ui-shadow" data-transition="pop" id="mypop">Title</a>
<div data-role="popup" id="my-popup" data-theme="a" class="ui-corner-all dialog">
<div>
<h3 class="hy-header">Header</h3>
</div>
<a href="#save-button" data-rel="popup" data-position-to="window" data-transition="pop" class="ui-btn ui-corner-all ui-shadow ui-btn-inline ui-btn-b">Save</a>
<div data-role="popup" id="save-button" data-overlay-theme="a" data-theme="a" data-dismissible="false" style="max-width:400px;">
<div data-role="header" data-theme="a">
<h1>Button</h1>
</div>
<a href="#" class="ui-btn ui-corner-all ui-shadow ui-btn-inline ui-btn-b" data-rel="back">Save</a>
<a href="#" class="ui-btn ui-corner-all ui-shadow ui-btn-inline ui-btn-b" data-rel="back" data-transition="flow">Cancel</a>
</div>
jsfiddle: http://jsfiddle.net/tno49rLq/
Не знаю, как я пропустил это :) Спасибо за дополнительные ссылки! –