我有div页面,在div内部有引导多选择容器。
<div class="content clearfix">
<ul class="multiselect-container dropdown-menu">
<li> ...</li>
</ul>
</div>
问题是,当这个多选择元素中有许多列表项时,它仍然隐藏在父div下面。如何在多选择容器元素高度变化时动态更改父级div高度?
我已经试过了
.content.clearfix {
height:auto;
}
但这并没有帮助
发布于 2015-12-16 05:50:18
尝试JS根据您的多列表元素高度动态设置高度。看看能不能帮上忙。我只是将这段代码放入setTimeout中,因为如果您的li元素需要时间在页面上加载。请先尝试不带setTimeout功能。
$(document).ready(function(){
setTimeout(function(){
var multiselectHeight=$('.multiselect-container').height();
$('.content').height(multiselectHeight);
},1000);
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="content clearfix">
<ul class="multiselect-container dropdown-menu">
<li> ...</li>
</ul>
</div>
https://stackoverflow.com/questions/34313600
复制相似问题