Chiều rộng và chiều cao của giao diện người dùng jQuery dựa trên chiều rộng và chiều cao màn hình

Hiện tại (jQuery 1.4.4 và UI 1.8.8) Tôi đã sử dụng các tính năng sau để đặt thuộc tính của hộp thoại: (Tôi đang cố đặt hộp thoại thành 180px nhỏ hơn chiều cao và chiều rộng của màn hình.)Chiều rộng và chiều cao của giao diện người dùng jQuery dựa trên chiều rộng và chiều cao màn hình

$("#dialog").dialog({ 
      bgiframe: true, 
      position: 'center', 
      width: $(window).width()-180, 
      height: $(window).height()-180, 
      title: ititle, 
      modal: true, 
      buttons: { "Close": function() { $(this).dialog("destroy"); }} 
});

Hoạt động trên không đúng trong FF nhưng trong IE 8 thì không thành công.

Đây có phải là cách phù hợp để đặt chiều rộng và chiều cao hoặc tôi có nên làm điều gì đó khác không?

Nguồn

2011-01-18 Jason

Bạn có thể cần phải chỉ định DOCTYPE và sử dụng chế độ tiêu chuẩn để hoạt động chính xác.

Nguồn

2011-01-18 16:53:39 Gregg

Đó (chế độ tiêu chuẩn) dường như đã làm các trick. Cảm ơn – Jason

này làm việc cho tôi trong IE8:

var winW = $(window).width() - 180; 
var winH = $(window).height() - 180; 

$("#dialog").dialog({ 
    autoOpen: false, 
    height: winH, 
    width: winW, 
    modal: true 
});

Bạn sẽ cần điều này ở phía trên cùng của trang của bạn mặc dù

<!DOCTYPE html>

Nguồn

2012-09-21 20:17:12

Chiều rộng và chiều cao của giao diện người dùng jQuery dựa trên chiều rộng và chiều cao màn hình

Trả lời

Các vấn đề liên quan