1

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

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

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

そして、ファイルのJavaScriptですが、デフォルト設定が高さの場所を見つけていません

アップデート

HTML:

        <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> //Last menu item shown
            <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>

アップデート2

他の4つのアイテムが入っているulを調べると、それらがページ上にあることがわかります。それらは、私が見ることができる方法で表示されていないだけです。

4

1 に答える 1

3

ドリルダウンメニューは、必要がないため静的に設定された高さを使用しません<li>。レベルの数に応じて計算される要素の高さを使用します。

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

.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-15T19:42:05.677 に答える