JQuery: SimpleModal AUTORESIZE размера окна

Question

У меня есть SimpleModal набор до 80% от размера экрана в CSS:

#simplemodal-container { 
    background-color: white; 
    border: 4px solid #aaaaaa; 
    padding: 12px; 
    height: 80%; 
    width: 80%; 
} 

Я хочу SimpoleModel, чтобы изменить размер с размером окна, как пользователь изменяет размер окно.

Это не работает, хотя:

$(function() { 
     $('#agreement-modal-content').modal(
      { 
       autoResize: true, 
      } 
     ); 
    }); 

Answer 1

Вот решение, которое работает для меня:

$(function() { 
     $('#agreement-modal-content').modal(
      { 
       autoResize: false, 
       onShow: function(dialog) { 
        var h = $(window).height(); 
        var w = $(window).width(); 
        dialog.container.css('height', '80%'); 
        dialog.container.css('width', '80%'); 
        var h2 = dialog.container.height(); 
        var w2 = dialog.container.width(); 
        var top = (h/2) - (h2/2) - h2; 
        var left = (w/2) - (w2/2) - w2; 

        if (top < 60) { 
         top = 60; 
        } 

        if (left < 60) { 
         left = 60; 
        } 

        dialog.container.css('left', left + 'px'); 
        dialog.container.css('top', top + 'px'); 

       } 
      } 
     ); 
     } 
    );