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; 
    } 
}