JQueryUI对话框显示问题

Question

我有以下构建 JQueryUI 对话框弹出窗口的代码。

$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 弹出窗口的大小后，弹出窗口将正确显示。标题会立即调整大小并正确显示。

以前有其他人遇到过这种情况吗？

Answer 1

我以前从未遇到过这个问题，但我建议两件事:

如果您想解决症状而不是问题，您可以只进行样式覆盖:

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

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