jquery - 为什么jquery dialog（）自动高度，宽度失败？

Question

我正在使用一些 jquery 弹出对话框

 var div = $('#mditem_temp');
 var dlg = $(div).html(data).dialog({
                        height: 'auto',
                        width: 'auto',
                        modal: true,
                        show: "drop",
                        hide: "fold",
                        position: "top",
                        autoResize:true,
                        close: function (event, ui) {
                            $("#mditem_temp").dialog('close');
                        },
                        buttons: {
                            'Add': function (d) {
                                pqr();

                                $(this).dialog('close');
                                $("#mditem_temp").dialog('close');

                            }
                        }
                    }).dialog('open');

并且要写入其中的数据是局部视图，但弹出窗口不会随数据调整高度宽度。可能是什么原因？

Answer 1

这通常是由数据变量中的固定高度/宽度或显示问题引起的。在 Firebug 或类似工具中检查渲染的部分，看看它是否在对话框包含的区域之外渲染。如果不是，那么它是导致问题的数据 html 的大小。

当然，另一种选择是在每个开口处动态设置对话框的高度：

$(div).html(data).dialog({
  ...
  open: function(){
    var height = [calculate height with JS];
    $(this).height(height);
  }
});