如何在弹出对话框本身内更改 jquery ui 对话框宽度？答案

【问题标题】：How to change jquery ui dialog width inside the popup dialog itself?如何在弹出对话框本身内更改 jquery ui 对话框宽度？
【发布时间】：2012-09-04 08:19:47
【问题描述】：

在一个 ASP.Net 网页中，我创建了一个 div 和一个 iFrame 以在其中弹出另一个页面，我想要做的是从对话框本身的按钮更改对话框宽度...

有可能吗？谢谢...

【问题讨论】：

标签： javascript jquery asp.net jquery-ui jquery-dialog

【解决方案1】：

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

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

所以从 iframe 中执行此操作

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

【讨论】：

更简单。 var mydialogbox = $("#DialogOutsideIframe", window.parent.document); //现在对 mydialogbox 变量做任何你想做的事情 - 那是已经成功选择的对话框。所以 $(mydialogbox).width(whatever); $(mydialogbox).bind(someotherwhateverevent) 等

【解决方案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()
    });
});

【讨论】：