0

jQuery ドリルダウン メニューを使用していますが、うまく機能します。私が遭遇した唯一の問題はサイズです。表示する必要がある 12 個のナビゲーション アイテムがあります。デフォルトでは、8 のみをサポートします。

この製品に精通していて、メニューの高さのプロパティがどこにあるか教えてくれる人を探しています。

 <div class="pull-left demo-dd demo-container span3">

        <ul id="drilldown-3">
            <li><a href="#">Record Check</a></li>
            <li><a href="#">Reports/Statistics</a>
            <ul>
                <li><a href="#">USN</a>
                <ul>
                    <li><a href="#">Aclohol Incidents and Status Reports</a>
                    <ul>
                        <li><a href="#">Alcohol Incidents(By FY)</a>
                        <ul>
                            <li><a href="#">Fiscal Year</a></li>
                            <li><a href="#">Category</a></li>
                        </ul></li>
                        <li><a href="#">Alcohol Status Reports</a></li>
                    </ul></li>
                    <li><a href="#">Urinalysis Reports</a></li>
                    <li><a href="#">DAAR Listing</a></li>
                    <li><a href="#">Laboratory Positive Status Report</a></li>
                    <li><a href="#">Screening Listing</a></li>
                    <li><a href="#">Group Profile</a></li>
                    <ul>
                        <li><a href="#">With Details</a></li>
                        <li><a href="#">Without Details</a></li>
                    </ul>
                    <li><a href="#">Unit Profile</a></li>
                    <li><a href="#">ADMITS User and UIC Listings</a></li>
                    <ul>
                        <li><a href="#">ADMITS User Listing</a></li>
                        <li><a href="#">UIC Listing</a></li>
                    </ul>
                </ul></li>
                <li><a href="#">USMC</a></li>
                <li><a href="#">STAFF</a></li>
                <li><a href="#">DAPA/UPC</a></li>
            </ul></li>
            <li><a href="#">DAAR Data</a></li>
            <li><a href="#">Training</a></li>
            <li><a href="#">Edit Unit</a></li>
            <li><a href="#">Screening</a></li>
            <li><a href="#">Facility</a></li>
            <li><a href="#">Treatment</a></li> //only gets to this point on the menu
            <li><a href="#">Waiver Data</a></li>
            <li><a href="#">New Report - Test</a></li>
            <li><a href="#">UIC Search</a></li>
            <li><a href="#">Spice</a></li>
            <li><a href="#">Breathalyzer</a></li>
        </ul>
    </div>

こことここでCSSを検索しました

ファイルのJavaScriptですが、高さのデフォルト設定がどこにあるのかわかりません

4

1 に答える 1

0

だからここに私が見つけた解決策があります：

ドリル ダウン メニューは必要がないため、静的に設定された高さを使用しません。

  • あなたが持っているレベル。

    の

  • サイズは、使用するブラウザーのデフォルトのフォントサイズとパディングによって設定されます。

    .demo-dd .dd-menu a {padding: 8px 10px;} メニューに別のリンクを追加するたびにサイズが大きくなり、メニューの UL 要素に静的な高さを設定することでこれをオーバーライドできます。 :

    .drilldown-3 {height:auto!important;} または、スクロールバーを使用したい場合

    .drillddown-3 {overflow-y:auto;} または、JavaScript で最大変数を編集することもできますが、コードの修正に多くの時間がかかります。個人的には、 height:auto!important を使用する必要があります

    • 于 2013-03-15T20:49:55.947 に答える