0

我有一个 div，其中包含一个无序列表...在一些用户操作后，我加载了一个更长列表的 div，即包含比前一个列表项更多的列表项。我使用 jquery 的高级 ajax 函数来做到这一点。

问题是当我通过 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"> 希望我很清楚......提前非常感谢......

4

2 回答 2

0

你有没有尝试过：

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

那应该工作

于 2009-12-08T04:49:19.993 回答
0

想出了一个解决弯曲角问题的方法......！！！

在我用 ajax 加载菜单项后，我使用 jquery 来增加 div 的高度，然后调用弯曲的角来圆边缘......！

瞧……！！！！

于 2009-12-11T12:04:19.617 回答