Javascript 根据IFrame内容动态调整JQuery模式对话框的大小

我有一个带有内部iFrame的JQuery对话框，它使用一个php文档填充一个图像和一些信息。它可以正常工作，但如果我单击其中一个图像以转到完整大小的图像并在iFrame中显示它，则对话框不会调整大小

这就是iframe和对话框的创建方式，我删除了一些额外的代码，但这里有一点很重要：

$('<iframe id="frameProductos" width="100%" src="articulos_info.php?codigo_art='+val+'" name="frameProductos">').appendTo('body');

                  var dialog = $("#frameProductos");

                 dialog.dialog({
                      title: 'Revisión de producto',
                      resizable: false,
                      modal: true,
                      position: ['center',150],
                      overlay: {
                          opacity: 0.5,
                          background: "black"
                      },
                      open: function( event, ui ) {

                          $('#frameProductos').width('100%');
                      },
                     close: function( event, ui ) {
                         $(this).dialog('destroy').remove();
                     },
                      width: 500,
                      height: 500,
                      buttons: {
                          "Cerrar": function () {
                              $(this).dialog('destroy').remove();

                          }

                      }
                  });

$（''）.appendTo（'body'）；
var对话框=$（“#frameProductos”）；
对话({
标题：“产品修订”，
可调整大小：false，
莫代尔：是的，
位置：[‘中间’，150]，
覆盖：{
不透明度：0.5，
背景：“黑色”
},
打开：功能（事件、用户界面）{
$（'#frameProductos'）。宽度（'100%）；
},
关闭：功能（事件、用户界面）{
$（this.dialog（'destroy'）.remove（）；
},
宽度：500，
身高：500，
按钮：{
“Cerrar”：函数（）{
$（this.dialog（'destroy'）.remove（）；
}
}
});

---

如果内容的大小发生变化，我需要对话框和iFrame来更改它们的大小（当单击图像时，会出现全分辨率图像）。

重要提示：加载完成后必须更新iFrame的大小

    $(document).ready(function () {
        //do somthing like this
        window.parent.resizeIframe();
    });

---

事实上，您可以添加一个js函数来调整iframe和对话框的大小，并在图像为全尺寸时从子窗口调用此函数。