当内容在居中扩展或收缩时,设置jQuery UI对话框的动画

当内容在居中扩展或收缩时,设置jQuery UI对话框的动画,jquery,jquery-ui,resize,jquery-ui-dialog,Jquery,Jquery Ui,Resize,Jquery Ui Dialog,我有一个弹出对话框,里面有显示/隐藏内容的按钮。如果单击一个按钮,当内容展开时,我只需调用以下命令即可在屏幕上重新居中显示对话框 var position = $(selector).dialog( "option", "position" ); $(selector).dialog( "option", "position", 'center' ); 我想让它在对话框展开或收缩时动画化,同时保持在浏览器的中心位置。我见过其他覆盖框也这么做,但我正试图让它与jQueryUI一起工作。如何操作?

我有一个弹出对话框,里面有显示/隐藏内容的按钮。如果单击一个按钮,当内容展开时,我只需调用以下命令即可在屏幕上重新居中显示对话框

var position = $(selector).dialog( "option", "position" );
$(selector).dialog( "option", "position", 'center' );

我想让它在对话框展开或收缩时动画化,同时保持在浏览器的中心位置。我见过其他覆盖框也这么做,但我正试图让它与jQueryUI一起工作。如何操作?

是否要设置定心过程的动画?或者你说的是什么样的动画?比如说视口高度是1000像素,我有一个400像素高的盒子。当点击一个按钮时,会出现200像素的内容,使盒子高出600像素。所以我想我想要它做的是从顶部和底部以100px的速度“增长”,从而保持它居中。最简单的方法是使用对话框上的动画来设置新位置的动画。但是,您需要检查行$selector.dialog选项如何定位“中心”;实际上可以工作,这样你就可以知道如何手动计算对话框的新位置,使其居中。是的。。。这就是我撞到墙的地方。