Question

我有一个包含无序列表的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"> 希望我很清楚...... 非常感谢提前....

Answer 1

你试过了吗？

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

应该有效

Answer 2

找出弯角问题的解决方法...... !!!

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

瞧.. !!!!

在动态加载内容时增加div的高度

2 个答案: