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

当我检查其他四个项目所在的 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 中编辑 max var，但会花费大量时间重新编写代码。就个人而言，您应该使用 height:auto!important

于 2013-03-15T19:42:05.677 回答