jQuery ui对话框始终位于左上方

Question

无论我在position属性中指定什么，我的jquery UI对话框总是位于左上方。 我也尝试在div中添加css位置。 但这没有用。 有人可以帮我弄这个吗？ 谢谢。

$("<div>----Play again?---</div>").dialog({
                    title: 'Game Over!',
                    height: 'auto',
                    width: 'auto',
                    autoOpen: false,
                    draggable: true,
                    modal: false,
                    position: 'center',
                    buttons:{ 
                        "Yes": function() {
                        startGame();
                        $(this).dialog('close');
                        },
                        "No": function() {
                        alert('\nYour Score is: '+score+'\nGood Bye '+playerName+'!');
                        $(this).dialog('close');
                        }
                    }
                });

Answer 1

我很确定您不需要设置职位：

$("#dialog").dialog();

应该默认居中 。

我确实看过这篇文章，还检查了官方jquery-ui网站上有关放置对话框的内容 ：并讨论了两种状态：初始化和初始化后。

代码示例-（摘自jQuery UI 2009-12-03）

使用指定的position选项初始化对话框。

$('.selector').dialog({ position: 'top' });

初始化后获取或设置位置选项。

//getter
var position = $('.selector').dialog('option', 'position');
//setter
$('.selector').dialog('option', 'position', 'top');

我认为，如果要删除position属性，则会发现它本身居中，否则请尝试第二个setter选项，在其中定义“ option”，“ position”和“ center”的3个元素。