JQuery UI рассчитывает размер содержимого внутри диалога, чтобы избежать прокрутки в диалоге - PullRequest
Новая
       1

JQuery UI рассчитывает размер содержимого внутри диалога, чтобы избежать прокрутки в диалоге

1 голос
/ 22 сентября 2011

Я помещаю некоторый контент в диалоговое окно JQuery UI. HTML выглядит следующим образом: 

<div id="dialog">
  <div id="content">

    <div id="scrollable">

      <div id="data">
        <ul>
        <li/>
        <li/>
         ....
       </ul>
      </div>

    </div>

    <div id="footer">
    </div>
  </div>
</div>

И код JQuery такой: 

$('#dialog').dialog({
  width : 500,
  height: 300
})

Как видите, размер, который важен для меня, - это размер основного контейнера, диалогового окна. Я хочу, чтобы содержимое находилось внутри диалога без полос прокрутки в диалоге. Содержимое состоит из двух частей: сами данные всегда имеют вертикальную полосу прокрутки и нижний колонтитул, который всегда видим (эта часть уже была решена ) Решение должно изменить размер содержимого div. Я пробовал несколько расчетов, принимая во внимание, что доступная высота внутри диалога: 

var height=$('#dialog').height()-$('.ui-dialog-titlebar').height();
var dataHeight = height-$('#footer').height();
...