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();

should centre by default

我确实看过这篇文章，并检查了它在official jquery-ui site about positioning a dialog上的内容：并在其中讨论了两种状态：初始化和初始化之后。

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

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

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

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

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

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

jQuery ui对话框总是位于左上角

1 个答案: