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