Как изменить ширину диалогового окна jquery ui внутри самого всплывающего диалогового окна?

Question

На веб-странице ASP.Net я создал div и iFrame для всплывающих окон на другой странице, что я хочу сделать, это связать ширину диалога с кнопкой внутри самого диалога ...

Это возможное? Благодаря ...

Answer 1

Да, чтобы выбрать что-то вне фрейма внутри фрейма, используйте:

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

Так внутри фрейма, сделайте это

$('#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() 
    }); 
});