JQueryUI对话框显示问题

Question

我有以下代码构建一个JQueryUI Dialog弹出窗口。

$j('<div></div>')
        .html(message)
        .dialog({
           autoOpen: true,
           bgiframe: true,
           buttons: { 'Dismiss': function() { $j(this).dialog('close') } },
           closeOnEscape: true,
           height: 'auto',
           modal: true,
           resizable: true,
           width: 400,
           title: 'An error has occurred'});

当首次向用户显示弹出窗口时，它看起来像下面的图像，带有一个巨大的标题。我知道弹出窗口中没有添加额外的css类。

在我调整JQuery弹出窗口后，弹出窗口正确显示。标题会立即调整大小并正确显示。

之前还有其他人遇到此事吗？

alt text http://i26.tinypic.com/156vl3n.png

Answer 1

我之前从未遇到过这个问题，但我会建议两件事：

如果你想解决症状而不是问题，你可以做一个样式覆盖：

.ui-widget-header { height: 100px }

您也可以尝试一次删除一个选项，看看其中一个是否导致问题。

Answer 2

刚刚更新到最新的UI CSS并且像冠军一样工作......感谢您的帮助Will

Answer 3

对于此对话框标题问题，您只需将以下属性添加到对话框的父类

即可

.ui-dialog { clear: both; }