jQuery UI的對話框動態的高度和寬度

我使用jQuery UI對話框，其中一個iframe：jQuery UI的對話框動態的高度和寬度

function showDialog(url, title, refresh){   
    var horizontalPadding = 30; 
    var verticalPadding = 30; 
    var width = 650; height = 800; 
    $('<iframe id="modalIframeId" allowtransparency="true" style="background-color:#c0c0c0;" frameborder="0" class="ModalIFrame" src="' + url + '" />') 
     .dialog({ 
      title: title,     
      width: width, 
      height: height, 
      modal: true, 
      resizable: true, 
      autoResize: true, 
      close: function(ev, ui) { 
       if(refresh) 
        location.reload(); 
       else 
        $(this).close(); 
      }, 
      overlay: { 
       opacity: 0.7, 
       background: "black" 
      } 
     }) 
     .width(width - horizontalPadding) 
     .height(height - verticalPadding); 
    return false; 
}

是否有可能設置width和height像窗口的大小？

感謝

來源

2009-12-09 Luca Romagnoli

按照documentation即可。

（代碼添加，因爲鏈路不採取用戶直接到正確的部分）：

OPTION - 寬度

與指定的寬度選項初始化對話框：
代碼示例：

調用關閉方法：

$(".selector").dialog("close");

在初始化後獲取或設置寬度選項離子：

//Getter 
var width = $(".selector").dialog("option", "width"); 

//Setter 
$(".selector").dialog("option", "width", 500);

來源

2009-12-09 14:40:15

拯救了我的生命，謝謝。 – Flyout

-1

中添加

height: 140, 
width: 140,

與您的其餘選項

來源

2009-12-09 14:51:25

他已經有那裏了...... –

你可以通過

var windowWidth = $(window).width(); 
var windowHeight = $(window).height();

的窗口的寬度和高度，並使用變量你的對話框。

來源

2014-09-16 15:20:52

jQuery UI的對話框動態的高度和寬度

回答

相關問題