2010-02-23 53 views
1

我用鼠標懸停和下拉菜單創建了一個不錯的小菜單。導航和丟失的案例下降

導航代碼很簡單:

 <ul class="menu" id="menu"> 
     <li><a href="#" class="menulink" id="home">Home</a></li> 
     <li><a href="#" class="menulink" id="about">About</a> 
      <ul> 
       <li><a href="#">Our History</a></li> 
       <li><a href="#">Our Process</a></li> 
       <li><a href="#">Portfolio</a></li> 
       <li><a href="#">Financing</a></li> 
       <li><a href="#">Testimonials</a></li> 
       <li><a href="#">Subcontractors</a></li> 
      </ul> 
     </li> 
     <li><a href="#" class="menulink" id="portfolio">Portfolio</a></li> 
     <li><a href="#" class="menulink" id="maintenance">Maintenance</a></li> 
     <li><a href="#" class="menulink" id="testimonials">Testimonials</a></li> 
     <li><a href="#" class="menulink" id="contact">Contact Us</a></li> 
    </ul> 

在隔離它的作品,因爲它應該:http://www.rouviere.com/nav/

然而,當我把它在的地方:http://www.rouviere.com/jr/下拉菜單關於下保持隱藏。

我希望在這裏幫忙解決爲什麼下拉菜單不顯示。

謝謝。

回答

2

在行p=h.getElementsByTagName('a')[0]您指的是按索引關於鏈接。這適用於您的測試頁面,但您的真實頁面在主徽標上有一個新的錨點標記,它位於HTML中的關於鏈接之前。你應該給你的About鏈接一個id屬性並在你的JavaScript中引用它。

+0

是否有其他類型的解決方法,因爲我需要可以將下拉菜單添加到任何主要導航元素的選項? 謝謝。 – fmz 2010-02-23 20:12:05

+0

當然,您可以在要添加菜單的所有導航元素上使用類名。然後用jquery'$('a.menu')。each(function(i,el){/ * stuff * /})'來查找/處理它們。 – 2010-02-23 20:29:04