我有一個包含無序列表的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">
希望我清楚...... 非常感謝提前....
順便說一下... 我試過.addClass()並給予ajax加載後div的新高度,但瀏覽器自己將高度設置爲119px .... – SpikETidE 2009-12-08 04:32:21