怪癖模式下的jquery对话框未正确设置高度

Question

我正在编写一个基于jquery的小部件，该小部件将在另一家公司的网站上发布。当我尝试通过$（'＃dialog'）。height（450）设置对话框的高度时，它会将对话框设置得更短。通过使用300，我能够获得大约450px的高度（我知道，没有意义）。我已经确定错误发生在IE8中的怪癖模式。是的，我知道jquery不支持怪癖模式。我无法更改doctype，因为它不是我的网站。

即使我做了什么，我也需要了解原因。是否有关于jquery如何在怪癖模式下工作的权威指南？

Answer 1

您是否已将填充应用于对话框？

如果您使用的是怪癖模式，则会以不同的方式呈现框模型。

请参阅http://www.quirksmode.org/css/box.html

Answer 2

如果可能的话，你应该尽量避免怪癖模式。但是，如果这不是一个选项，我已经成功做到了这一点:(我假设你正在使用jQueryUI）

$(".ui-dialog-content").css("height", "450px");

其中调整了jQueryUI对话框的外部CSS的大小。

Answer 3

尝试添加此样式规则并根据您的要求调整高度：

.ui-dialog { height:700px !important; }

使用

打开对话框

dialog.dialog("open");

并将对话框的高度设置为auto以调整内部内容：

dialog.css("height", "auto");