jQuery：有没有最大化JQuery UI对话框到浏览器大小的方法？

Question

有没有最大化JQuery UI对话框到浏览器大小（最大宽度/高度）的方法？

更新：

我使用的答案从this question得到浏览器的高度和宽度，并设置高度和对话框的宽度属性。

Answer 1

Looking at the manual，有height，width，maxHeight，maxWidth属性，你将需要使用。要将其调整为任何浏览器窗口大小，您必须使用resize事件，通过单击手册上的events选项卡可以看到该事件。

Answer 2

var isFullScreen = false; 

function toggleFullScreen() { 

    var windowW = $(window).width(); 
    var windowH = $(window).height(); 

    if (!isFullScreen) { 

     //view full screen mode 
     var wFull = windowW - 100; 
     var hFull = windowH - 100; 

     var xLeft = parseInt((windowW/2) - (wFull/2)); 
     var yTop = parseInt((windowH/2) - (hFull/2));  

     if (dialog != null) { 
      dialog.dialog('option' , 'width', wFull); 
      dialog.dialog('option' , 'height', hFull);  
      dialog.dialog('option', 'position', [xLeft,yTop]); 
     } 

     isFullScreen = true; 

    } else { 

     //view normal/original size mode 
     //use the "dafault" height and width 
     var xLeft = parseInt((windowW/2) - (300/2)); 
     var yTop = parseInt((windowH/2) - (200/2)); 

     if (dialog != null) { 
      dialog.dialog('option' , 'width', 300); 
      dialog.dialog('option' , 'height', 200);  
      dialog.dialog('option', 'position', [xLeft,yTop]); 
     } 

     isFullScreen = false; 
    } 
}