javascript - 如何在弹出对话框本身内更改 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()
    });
});