Используя пользовательские ширину и высоту, jQuery Mobile Dialog center для экрана - PullRequest
Новая
       19

Используя пользовательские ширину и высоту, jQuery Mobile Dialog center для экрана

1 голос
/ 01 ноября 2011

Я создал приложение, используя jQuery Mobile, и мне нужно получить диалоговое окно при нажатии кнопки. Диалоговое окно должно быть выровнено по центру экрана, когда я указал ширину и высоту диалогового окна. Пожалуйста, проверьте текущую jsfiddle версию.

Код следующий. 

<div data-role="page" data-theme="a" id="page1"> 
    <button data-theme="a" id="submit-button-1">Open Dialog</button>
</div>

<div data-role="page" data-theme="a" id="page2"> 
    <div data-role="content"> 
        <p>This is popup</p>
    </div>
</div>


$('#submit-button-1').click(function() {
    $.mobile.changePage($('#page2'), 'pop', false, true); 
});




#page2 {
     width:150px;
     height:150px;
     border: #f00 solid 1px; 
     margin:20px 100px;
}

Я изменил margin: 20px auto;, но не повезло.

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

1 Ответ

1 голос
/ 01 ноября 2011

Попробуйте использовать «положение: относительное»: 

margin:20px auto;
position: relative;
...