首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >使JQuery UI对话框自动增大或缩小以适合其内容

使JQuery UI对话框自动增大或缩小以适合其内容
EN

Stack Overflow用户
提问于 2009-04-16 14:16:41
回答 6查看 138.4K关注 0票数 133

我有一个显示表单的JQuery UI对话框弹出窗口。通过选择窗体上的某些选项,新的选项将出现在窗体中,使窗体变得更高。这可能会导致这样的情况:主页有一个滚动条,而JQuery UI对话框有一个滚动条。这种两个滚动条的场景对用户来说既难看又令人困惑。

如何在不显示滚动条的情况下使JQuery UI对话框变大(可能缩小)以始终适合其内容?我希望只有主页面上的滚动条是可见的。

EN

回答 6

Stack Overflow用户

发布于 2009-04-16 14:42:40

答案是将

代码语言:javascript
复制
autoResize:true 

属性来创建对话框。为了使其正常工作,您不能为对话框设置任何高度。因此,如果在对话框的创建者方法中或通过任何样式设置固定的高度(以像素为单位),则autoResize属性将不起作用。

票数 48
EN

Stack Overflow用户

发布于 2013-06-05 11:25:15

这适用于jQuery UI v1.10.3

代码语言:javascript
复制
$("selector").dialog({height:'auto', width:'auto'});
票数 28
EN

Stack Overflow用户

发布于 2012-11-06 17:13:08

我使用了以下属性,它对我来说很好用:

代码语言:javascript
复制
$('#selector').dialog({
     minHeight: 'auto'
});
票数 12
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/756325

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档