Jquery Mobile Panel内容高度?

时间:2014-06-12 10:57:59

标签: jquery jquery-mobile

我使用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'但没有用。

0 个答案:

没有答案