Jquery ui jQueryUI：在对话框中调整对话框大小？

如果在已显示对话框的情况下打开对话框，则默认情况下，第二个对话框的宽度不会超过第一个对话框的宽度。即使第二个对话框实际上没有包含在第一个对话框中（我通过单击第一个对话框中的链接获得第二个对话框），这也是正确的

我可以在第二个对话框上设置显式宽度，但这并不理想。我真的希望它能够自动调整其内容的大小（准粒子multiselect），它比第一个/背景对话框更宽。对于第二个对话框的显式宽度，我通常会得到两组滚动条：一组在对话框本身上，另一组在内部multiselect上

请注意，我只尝试在JS.dialog（）调用中使用显式宽度调整第二个对话框的大小，而不是通过css（我对css几乎一无所知）

有人知道如何自动调整第二个对话框的大小吗？谢谢

编辑

建议添加一些代码：

<div id="dialog-top" title="Tab data">
  <form>
    ...lots of stuff, including id 'addCodeButton', which
    ...pops up the second dialog
  </form>
</div> <!-- dialog-top -->

<div id="dialog-add-code" title="Code selector">
  <select id = "codes" ...etc... > 
    ...
  </select>
</div>

$(function(){
   $('#addCodeButton').click(function(){
      // problem: this 'open' will not set the width of the new dialog
      // wider than 'dialog-top' unless an explicit width is given
      // (see '460' below)
      $('#dialog-add-code').dialog('open');
      return false;
    });
});

var $dialog = $("#dialog-top").dialog({
  autoOpen: false,
  modal: true,
  buttons: {
    ...
  }
});

$('#dialog-add-code').dialog({
  autoOpen: false,
  width: 460,
  modal: false,
  buttons: {
    ...
  }
});

…很多东西，包括id“addCodeButton”，它
…弹出第二个对话框
...
$（函数（）{
$（'#addCodeButton'）。单击（函数（）{
//问题：此“打开”不会设置新对话框的宽度
//比“对话框顶部”宽，除非给出明确的宽度
//（见下文“460”）
$（“#对话框添加代码”）.dialog（'open'）；
返回false；
});
});
变量$dialog=$（“#dialog top”）.dialog({
自动打开：错误，
莫代尔：是的，
按钮：{
...
}
});
$（“#对话框添加代码”）。对话框({
自动打开：错误，
宽度：460，
莫代尔：错，
按钮：{
...
}
});

我不确定是什么原因导致了您的问题。这里的小提琴演示了你想要的东西是有用的

---

您尝试了

.dialog（{width:“auto”}）？
aaah。。。不，我没有。我假设如果我忽略了宽度规格，它将是自动的。我只是输入了“自动”，它就工作了。谢谢-对不起！