Закрытие JQuery-Mobile Dialog приводит к сбою

Question

Я работаю над мобильным приложением, использующим JQuery-mobile, и у меня возникают проблемы с моими диалогами, каждый раз, когда я пытаюсь закрыть диалог (используя кнопку закрытия по умолчанию), приложение зависает.

Код головы:

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.css" /> <!-- JQuery Mobile CSS link -->

<script src="http://code.jquery.com/jquery-1.7.1.min.js"></script> <!-- JQuery Mobile link stored on CDN-->
<script src="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.js"></script> <!-- JQuery Mobile link stored on CDN -->

Относительный код домашней страницы:

<p><a href="#register" data-role="button" data-rel="dialog" data-transition="pop">Register</a></p>

Код диалога:

    <!-- Start of third page: #register -->
<div data-role="page" id="register">

    <div data-role="header" data-theme="e">

        <h1>Activation</h1>
    </div><!-- /header -->

    <div data-role="content" data-theme="d">    

        <h2>Licence Key</h2>
        <p>Please enter your licence key in order to activate your additional features of 20Keys</p>        

            <div data-demo-html="true">
                <div class="ui-field-contain">
                    <label for="licenseKey">Licence Key:</label>
                    <input type="text" name="licenseKey" id="key" placeholder="Insert Key" value="">
                </div>
            </div><!--/demo-html -->

    </div><!-- /content -->

    <div data-role="footer">

        <p><a href="#one" data-role="button" data-inline="true" data-icon="lock">Activate Now</a>   
        <a href="#one" data-role="button" data-inline="true" data-icon="cancel">Cancel</a></p>  
    </div><!-- /footer -->
</div><!-- /page register -->

На данный момент кнопка активации (работа в процессе) просто возвращается на домашнюю страницу. Если вы обнаружите что-либо, что может вызвать эту проблему, я буду благодарен за ваш комментарий.

Та же проблема возникла с кнопками нижнего колонтитула, когда код был:

<p><a href="#one" data-rel="back" data-role="button" data-inline="true" data-icon="lock">Activate Now....</a>   
    <a href="#one" data-rel="back" data-role="button" data-inline="true" data-icon="cancel">Cancel</a></p>

Я должен был удалить data-rel="back" чтобы это исправить.

Я использую Chrome, если это поможет ответить на этот вопрос. Заранее спасибо.

Answer 1

Я выяснил, в чем проблема...

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

Правильный способ решить мою проблему - это просто использовать href = "# one" или, возможно, data-rel = "close" вместо data-rel="back".