使用jQuery向下鑽取菜單，是否可以調整大小？

Question

我使用的是jQuery Drilldown Menu，它效果很好。我遇到的唯一問題是尺寸。我有12個導航項目需要顯示。默認情況下，它只支持8.

我在找一個熟悉這個產品的人，可以告訴我菜單的高度屬性在哪裏。

我已經通過CSS here和here

而且JavaScript的文件搜索，但沒有發現那裏的默認設置是高度

UPDATE

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，其他四個項目都在我發現他們，他們只是不顯示的方式在頁面上，我可以看到他們

Answer 1

向下鑽取菜單因爲沒有必要使用靜態設置的高度，所以它使用一個元素高度，該高度根據您擁有多少個<li>級別來計算。

的<li>大小由所使用的瀏覽器的默認字體大小與填充設置：

.demo-dd .dd-menu a {padding: 8px 10px;} 

每次添加另一個鏈接菜單上的尺寸增大，可以通過覆蓋此設置靜態高度菜單的UL元素，像這樣：

.drilldown-3 {height:auto!important;} 

或者，如果你想一個滾動條使用

.drillddown-3 {overflow-y:auto;} 

或者，您也可以在JavaScript中編輯最大變量值，但會花費大量時間重新編寫代碼。我個人應該使用身高：自動！重要