在動態加載內容時增加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"> 希望我清楚...... 非常感謝提前....

來源

2009-12-08 SpikETidE

順便說一下... 我試過.addClass（）並給予ajax加載後div的新高度，但瀏覽器自己將高度設置爲119px .... – SpikETidE 2009-12-08 04:32:21

找出了彎曲角落問題的解決方法...... !!!

我加載菜單項與Ajax後，我使用jquery來增加div的高度，然後調用彎曲的角來圓邊... ...！

Voila .. !!!!

來源

2009-12-11 12:04:19 SpikETidE

你嘗試過：

$('ul#sidebarmenu1').removeClass('class here').AddClass('class here');

應該工作

來源

2009-12-08 04:49:19 Luke101

Yep ...不是工作... 而且我還使用彎曲的角落來收集邊欄div的邊緣。所以，如果我加載整個div使用ajax彎曲拐角不工作...所以我只加載列表元素單獨...但列表元素溢出隱藏圓角底部角落的div，使部分看起來醜陋醜陋... !!! – SpikETidE 2009-12-08 05:00:09

使用.css（）函數添加高度可消除整個div的彎曲角的效果... !!! – SpikETidE 2009-12-08 05:19:35

我的頁面上也有一個側邊欄。文字不隱藏。但你有沒有嘗試溢出：自動;屬性？ – Luke101 2009-12-08 06:22:47

在動態加載內容時增加div的高度

回答

相關問題