Javascript Jquery'；s可调整大小的Div'；调整大小时，s的宽度和高度变为0

我有以下代码：

<table>
    <tr>
        <td id="parent">
            <div id="child"></div>
        </td>
    </tr>
</table>

使用上面的代码，我的可调整大小的

div

按预期工作，但是当我添加

containment

选项时，

div

s

width

和

height

在任何方向调整大小时，都会调整为

0

   $('#child' ).resizable({
        animate: true,
        helper: '.ui-resizable-helper',
        maxWidth: 500,
        maxHeight: 500,     
        aspectRatio: true,
        containment: '#parent'
    });

为什么会这样？这是一个bug吗？

尝试添加此CSS：

#父级{
宽度：500px；
高度：500px；
}

问题不在于父母，而在于孩子。应用以下CSS，使其具有基本开始大小

#child {
  height:200px;
  width:200px;
}

您也可以在这里使用代码来说明更改

<table>
    <tr>
        <td>
            <div class="child" style="border:solid 1px red;">
            </div>
        </td>
                <td>
            <div class="child" style="border:solid 1px red;">
              <p>this is a test
            </p>
            </div>
        </td>
    </tr>
</table>

将

containment

设置为

document

并添加默认的

minHeight

，

minWidth

值

  var defaultHeight = $('#child').height();
  var defaultWidth = $('#child').width();
 $('.child').resizable({
        animate: true,
        helper: '.ui-resizable-helper',
        minHeight:defaultHeight,
        minWidth:defaultWidth,
        maxWidth: 500,
        maxHeight: 500,     
        aspectRatio: true,
        containment: 'document'
    });

---

发布父级或整个表的CSS，然后children@Eliyah

#父项

必须具有

宽度

和

高度

属性。看到了吗？兄弟添加css和其他细节作为小提琴，显示你的确切问题@Mohammad共享的小提琴似乎工作正常。你需要分享一个，这样我们才能看到问题我的孩子已经有了身高和宽度。你的回答对我不起作用：（@Eliyah，为了清楚起见，您的孩子和家长div都在pxAs@SachinDivakar声明中指定了高度。我没有调用另一个，因为它已经被调用了。随着这两个div的更新，它与您提供的代码配合得很好。如果您有进一步的问题，请提供您正在使用的所有代码，以便我们可以使用它们。）e如果有什么东西在与我们提供的东西作斗争。@Eliyah不要在没有适当细节的情况下浪费辛苦赢得的赏金积分的声誉。你失去了分数，如果你没有提供足够的细节来解决你的问题，它有什么用？。如果这不起作用，我说向jqueryUI报告并获得一张罚单

.child {
 min-width:50px;
 min-height:50px;
}

  var defaultHeight = $('#child').height();
  var defaultWidth = $('#child').width();
 $('.child').resizable({
        animate: true,
        helper: '.ui-resizable-helper',
        minHeight:defaultHeight,
        minWidth:defaultWidth,
        maxWidth: 500,
        maxHeight: 500,     
        aspectRatio: true,
        containment: 'document'
    });