Question

我有一个jQuery对话框，可以正确显示和响应按钮点击。不幸的是，尽管我试图说服它，但它始终位于浏览器窗口中的0,0处。有什么想法吗？

    var $dialog = $('<div></div>')
  .html('my message')
        .dialog({ autoOpen: false, title: 'my title', position: 'center', bgiframe: true
        });

    $dialog.dialog('option', 'buttons', buttons);
    $dialog.dialog('option', 'position', "center");
    $dialog.dialog("open");

Answer 1

如果它没有自动居中，那么你的文档标记就会出错（缺少结束标记通常是罪魁祸首）。

http://jsbin.com/uhago4/edit

Answer 2

我遇到了同样的问题。

我不知道如何将我的jquery对话框置于中心位置我试过很多方式没有什么对我有用。

但最后我找到了解决方案，我的解决方案是

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Answer 3

jQuery使用对话框的宽度来居中。如果尚未显示，附加到DOM或使用固定宽度创建，则它没有宽度，无法正确居中。

要修复，请在打开后居中：

var $dialog = $('<div></div>')
.html('my message')
.dialog({ autoOpen: false, title: 'my title', position: 'center', bgiframe: true
  });

$dialog.dialog('option', 'buttons', buttons);
$dialog.dialog("open");
$dialog.dialog('option', 'position', "center");

Answer 4

删除position: 'center'对我有用。讽刺吧？

以对话框为中心的jQuery UI问题

4 个答案: