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

曲がりくねったコーナーの問題の回避策を見つけました...!!!

ajaxでメニュー項目をロードした後、jqueryを使用してdivの高さを増やし、曲線の角を呼び出してエッジを丸めます...！

出来上がり..!!!!

于 2009-12-11T12:04:19.617 に答える
0

やってみました：

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

それはうまくいくはずです

于 2009-12-08T04:49:19.993 に答える