调整浏览器大小时如何自动中心jQuery UI对话框?

当你使用jquery UI对话框,一切都很好,除了一件事。
当浏览器调整大小时,对话框只保留在它的初始位置,这可真是烦人。

你可以测试它:
http://jqueryui.com/demos/dialog/

点击“模态对话框”示例,并调整浏览器的大小。

我希望能够让浏览器调整大小时对话框自动居中。
这可以在我的应用程序中的所有我的对话框以有效的方式完成吗?

非常感谢!

设置position option将强制这个,所以只是使用相同的选择器覆盖所有的对话框,我在这里使用#dialog(如果没有找到他们没有采取行动,像所有的jQuery):

jQuery UI 1.10之前

$(window).resize(function() {
    $("#dialog").dialog("option", "position", "center");
});

jQuery UI 1.10或更高

$(window).resize(function() {
    $("#dialog").dialog("option", "position", {my: "center", at: "center", of: window});
});

Here’s that same jQuery UI demo page adding only the code above,我们只是添加一个处理程序到窗口的大小调整事件与.resize(),所以它触发重新集中在适当的时间。
    

http://stackoverflow.com/questions/3060146/how-to-auto-center-jquery-ui-dialog-when-resizing-browser

本站文章除注明转载外,均为本站原创或编译
转载请明显位置注明出处:调整浏览器大小时如何自动中心jQuery UI对话框?