동적으로 로딩하는 동안 DIV 높이 증가

StackOverflow https://stackoverflow.com/questions/1864593

  •  16-09-2019
  •  | 
  •  

문제

순서대로 목록이 포함 된 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">분명해지기를 바랍니다 ... 미리 감사드립니다 ....

도움이 되었습니까?

해결책 2

매력적인 코너 문제에 대한 해결 방법을 알아 냈습니다 ... !!!

메뉴 항목을 Ajax로로드 한 후 jQuery를 사용하여 DIV의 높이를 늘린 다음 매력적인 모서리를 호출하여 가장자리를 둥글게합니다 ...!

voila .. !!!!

다른 팁

시도 했습니까?

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

작동해야합니다

라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top