如何在弹出对话框中更改jquery ui对话框宽度？

Question

在一个ASP.Net网页中，我创建了一个div和一个iFrame来弹出另一个页面，我想要做的就是从对话框内的一个按钮调整对话框宽度......

有可能吗？ 感谢...

Answer 1

是的，要从iframe中选择iframe以外的内容，请使用：

 $("#WhateverIWantOutsideIframe", window.parent.document);

因此，从iframe中，执行此操作

$('#InsideButton').on('click',function(){
   $("#DialogOutsideIframe", window.parent.document).width(9000);
});

Answer 2

var dlgContainer = $('#container');

dlgContainer.dialog({
.
.
open : function(){
    dlgContainer.find('#width-change-button').on('click' , function(){ 
        dialogBox.closest('.ui-dialog').css('width', '700px'); //or use .width()
    });
});