我正在使用jQuery Drilldown Menu而且效果很好。我遇到的唯一问题是它的大小。我需要显示 12 个导航项。默认情况下仅支持 8 个。
我正在寻找熟悉此产品并可以告诉我菜单的高度属性在哪里的人。
还有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 时,我发现它们位于页面上,只是没有以我可以看到它们的方式显示
最佳答案
“向下钻取”菜单不使用静态设置的高度,因为没有必要,它使用根据 <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
关于jquery - 使用 jQuery 向下钻取菜单,是否可以调整大小?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15450125/