Jquery Mobile Panel内容高度？

Question

我使用jquery mobile和mvc4动态构建面板内的列表视图。

1）我们的第一个要求是面板应低于标题。以下代码完美无缺。

$(document).on("panelbeforeopen", function (event, ui) {
  var header = $('[data-role=header]').outerHeight();
  var panel = $('.ui-panel').height();
  var panelheight = panel - header;

  $('.ui-panel').css({
    'top': header,
    'min-height': panelheight
  });

});

2）下一个要求是面板高度应取决于面板内部的li数量。例如，如果我在面板中有2个li，则max-height应该等于2 li，底部不应该有任何空面。

请指导我

1）我尝试了下面的代码

$(document).on("panelbeforeopen", function (event, ui) {

  var header = 50;
  var panel = $('.ui-panel').height();
  var panelheight = panel - header;
  var Uiinnes = $('.ui-panel-inner').height();

  $('.ui-panel').css({
    'top': header,
    'min-height': panelheight,
    'max-height' : Uiinnes
  });

});

在Uiinnes获得价值并且我被分配到'max-height'但没有用。