2015-01-30 5 views
0

Я ищу, чтобы включить 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/

ответ

1

Если посмотреть на всплывающей документации (http://api.jquerymobile.com/popup/), вы увидите, что по версии 1.4.x от jQM так ли не поддерживает прикольные всплывающие окна:

В настоящее время фреймворк не поддерживает цепочки всплывающих окон, поэтому невозможно вставить ссылку из одного всплывающего окна в всплывающее окно. Все ссылки с помощью data-rel = "popup" внутри всплывающего окна вообще ничего не сделают.

Обходной путь в DOC, который открывает второе всплывающее окно после закрытия первого.

Чтобы иметь одно всплывающее окно над другим, вам нужно будет использовать другой всплывающий плагин. К счастью, плагин SimpleDialog2 для jQM поддерживает кодовые всплывающие окна. Вот статья, описывающая, как достичь прикованных всплывающие окна с SimpleDialog2:

http://jqmtricks.wordpress.com/2014/05/16/chained-popups-with-simpledialog2/

+0

Не знаю, как я пропустил это :) Спасибо за дополнительные ссылки! –