0

我使用 jQuery 对话框已经有一段时间了，我现在遇到的问题有点奇怪。

jQuery 版本：1.7.1 jQuery UI 版本：1.8.18

<!-- Generic Dialog Box -->
<div id="dialog" style="display:none;position:absolute;"></div>

jQuery代码：

$('.class_to_find').each(function(){
    //$('#dialog').append($(this).css({position:"absolute"}));
    $('#dialog').append("<p>Adding a line.</p>");
});
$('#dialog').dialog({
    //autoOpen: true,
    show: "explode",
    hide: "explode",
    modal: true,
    title: "Jobs",
    buttons: {
        Done: function() {
            $(this).dialog( "close" );
        }
    },
    close: function(){}
});
$('#dialog').dialog('open');

在此处输入图像描述

当对话框打开时，内容显示在通常显示内容的下方。它显示在按钮窗格中。这是个问题。我无法弄清楚它为什么这样做。有谁知道为什么？

这是一个暴露问题的 JSFiddle：http: //jsfiddle.net/8Lj8m/1/

谢谢！

4

1 回答 1

3

删除对话框 div 样式属性position:absolute;，看看这是否是您需要的。

于 2013-08-02T13:07:15.160 回答