Jquery Mobile Panel内容高度？
Jquery Mobile Panel内容高度？
提问于 2014-06-12 18:57:59
我正在使用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个数。
请给我指引
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
});
});回答 1
Stack Overflow用户
发布于 2015-04-30 05:19:08
我发现这个方法运行得很好。
//set panel to display below the header and height to listview height
var header = $('[data-role=header]').outerHeight();
var panel = $('.ui-panel').height();
var panelheight = panel - header;
var lVHeight = $('#panelListView').height();
$('.ui-panel').css({
'top': header,
'min-height': lVHeight-21,
'max-height' : lVHeight-21
});不知道为什么$('#panelListView').height()；返回的时间比实际的列表视图长，但减去了21，工作正常。可能有底边距。
BGecko
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/24182681
复制相关文章
相似问题
腾讯云开发者
