Центрирование jQuery Модальное диалоговое окно

Question

Центрирование jQuery Модальное диалоговое окно

0

Я пытаюсь показать модальный диалог/всплывающее окно, когда пользователи посещают мою домашнюю страницу.

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

Я импортирую эти файлы, если это проблема:

<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>

<script language="JavaScript" type="text/javascript"> 
$(function () { 
    $("#dialog-modal").dialog({ 
    width: 'auto',
    // position: 'center',
    center: true, 
    modal: true, 
    autoOption: true, 
    resizable: false 
    }); 
}); 
</script>

<div id="dialog-modal" title="Offer" style="text-align:center"><img alt="" src="Pack.jpg"/> </div>

Моя скрипка: http://jsfiddle.net/szEpb/

благодаря

Oam Psy 07 окт. 2013, в 10:30

Источник

Теги:

jquery

modal-dialog

css

jquery-ui

jquery-ui-dialog

1 ответ

Ещё вопросы

Outlooker · Answer 1 · 2013-10-07T06-59-00.000Z

Попробуйте раскупить //position: 'center',

или если он не работает, попробуйте приведенный ниже код. Надеюсь, это то, что вы имели в виду.. :)

$('body').dialog('option', 'position', 'center');

Если вам нужно сосредоточиться на определенном селекторе, попробуйте

$('your_selector').dialog('option', 'position', 'center');

Благодарю. Куда пойдет вышеупомянутое? Внутри $ ("# dialog-modal"). Dialog ({??
Попробуйте написать его вне $ ("# dialog-modal"). Dialog ({});