jQuery UI对话框动态加载内容溢出对话框，强制调整大小不起作用

我正在将内容动态加载到对话框中，遇到了高度设置问题。正如您在下面看到的，对话框的高度根本没有设置，对话框中的内容溢出。我尝试了许多修复，但都没有成功，包括使用以下方法初始化对话框后更改高度

$（'#dialog'）。dialog（'options'，'height'，'1000px'）

$（'dialog'）.data（'dialog.width'，'1000px'）

$（'#dialog'）.css（'width'，'1000px'）

我尝试过将对话框选项高度设置为“自动”，并为对话框分配了一个类，结果相同。下面是我正在使用的当前代码

初始化对话框

//css for dialog class
.dialog-class {
    max-width: 1000px;
    min-width: 500px;
    margin: 0 auto;
    height: auto;
}

//Static on page
<div id="dialog"></div>

//Ajax call dynamically creates a collection of divs HTML below into a string called html
<div id="s-1">
    <div class="float-right">
        <div style="display: inline-block" class="ui-state-active ui-corner-all">
            <span class="ui-icon ui-icon-check"></span> 
        </div>
    </div>
</div>
<div id="s-2">
    <div class="float-right">
        <div style="display: inline-block" class="ui-state-active ui-corner-all">
            <span class="ui-icon ui-icon-check"></span> 
        </div>
    </div>
</div>

即使在运行上述调整大小命令的控制台中，也不会进行任何更改，基本上唯一有效的方法是静态设置大小，但由于这是动态内容，我需要它自动调整大小

编辑以添加html生成器

$.ajax({
    type: 'POST',
    url: 'API/Service.svc/GetSlides',
    cache: false,
    contentType: 'application/json; charset=utf-8',
    dataType: 'json',
    data : '{ json data }',
    success: function(data) {
        var slides = $.parseJSON(data.d);
        var html = '';
        var d; //hold date
        var icons; //holds jquery ui icons

        for( var i = 0; i < slides.length; i++) {
            if(NotNullOrBlank(slides.finished)) { //function to check for null, '', or undefined
                d = '<div>' + ISODateString(slides.finished)) + '</div>' // another function to format date
                icons = '<div class="float-right"><div style="display: inline-block" class="ui-state-default ui-corner-all"><span class="ui-icon ui-icon-check">' + d + '</span></div></div>';
            } else {
                icons = '<div class="right"><div style="display: inline-block" class="ui-state-active ui-corner-all"><span class="ui-icon ui-icon-check"></span></div></div>';
            }
            html +='<div id="s-' + slides[i].id + '" class="ui-corner-all">Slide ' + slides[i].id + icons + '</div>';
        }
    }
});

$.ajax({
键入：“POST”，
url:'API/Service.svc/GetSlides'，
cache:false，
contentType:'application/json；charset=utf-8'，
数据类型：“json”，
数据：“{json data}”，
成功：功能（数据）{
var slides=$.parseJSON（data.d）；
var html=''；
var d；//保留日期
var icons；//保存jquery ui图标
对于（变量i=0；i

也不确定这是否有区别，但该对话框嵌套在手风琴内部

jQuery 1.9.1

---

jQuery UI 1.10.3

尝试反向操作…加载html，然后初始化对话框我已经尝试过了，结果相同<代码>s.html（html）.对话框({…发布您的代码以便我们查看。这不可能是它。@jon3laze您可以发布一个小提琴或一个更好的视觉示例来说明这里的错误。很难从这个小图像中辨别出来。是的，我一直在做一个，出于某种原因，我无法让小提琴与一个简单的for循环配合，所以它可能要到明天才会更新。

$.ajax({
    type: 'POST',
    url: 'API/Service.svc/GetSlides',
    cache: false,
    contentType: 'application/json; charset=utf-8',
    dataType: 'json',
    data : '{ json data }',
    success: function(data) {
        var slides = $.parseJSON(data.d);
        var html = '';
        var d; //hold date
        var icons; //holds jquery ui icons

        for( var i = 0; i < slides.length; i++) {
            if(NotNullOrBlank(slides.finished)) { //function to check for null, '', or undefined
                d = '<div>' + ISODateString(slides.finished)) + '</div>' // another function to format date
                icons = '<div class="float-right"><div style="display: inline-block" class="ui-state-default ui-corner-all"><span class="ui-icon ui-icon-check">' + d + '</span></div></div>';
            } else {
                icons = '<div class="right"><div style="display: inline-block" class="ui-state-active ui-corner-all"><span class="ui-icon ui-icon-check"></span></div></div>';
            }
            html +='<div id="s-' + slides[i].id + '" class="ui-corner-all">Slide ' + slides[i].id + icons + '</div>';
        }
    }
});