在动态加载内容时增加div的高度
问题描述:
我有一个包含无序列表的div ...在一些用户操作之后,我加载了一个较长的列表,即包含比上一列更多的列表项。我使用jQuery的更高级别的Ajax功能来做到这一点。在动态加载内容时增加div的高度
问题是,当我通过ajax加载它的列表元素溢出div的底部部分,他们中的一些得到的显示出div。
我还没有为包含div设置任何高度,假设它将扩展以适应任何未来更长的列表。 我会后下面的代码,将是如果有人数字了这一点,非常感谢....
#sidebar1 {
float: left;
width: 15%; /* since this element is floated, a width must be given */
background: #FFE8BF; /* the background color will be displayed for the length of the content in the column, but no further */
padding: 15px 0; /* top and bottom padding create visual space within this div */
text-align:center;
}
<div id="sidebar1">
<div class="sidebarmenu">
<ul id="sidebarmenu1">
<li>
<a href="#" id="loadHotel" >
HOTEL
</a>
</li>
<li>
<a href="#" id="loadCountry">
COUNTRY
</a>
</li>
<li>
<a href="#" id="loadCity">
CITY
</a>
</li>
</ul>
</div>
</div> <!-- end #sidebar1 -->
我的列表元素加载到<ul id = "sidebarmenu1">
希望我清楚...... 非常感谢提前....
答
找出了弯曲角落问题的解决方法...... !!!
我加载菜单项与Ajax后,我使用jquery来增加div的高度,然后调用弯曲的角来圆边... ...!
Voila .. !!!!
答
你尝试过:
$('ul#sidebarmenu1').removeClass('class here').AddClass('class here');
应该工作
顺便说一下... 我试过.addClass()并给予ajax加载后div的新高度,但浏览器自己将高度设置为119px .... – SpikETidE 2009-12-08 04:32:21