ApyCom JavaScript jQuery菜單 - 如何顯示當前選擇的導航元素？

Question

我正在使用ApyCom的jQuery導航菜單。除了當我點擊不同的導航元素時，它運行良好，我期望導航元素保持突出顯示，告訴用戶他們在哪個頁面上。奇怪的是，如果我將href值從實際頁面（Contact.aspx，例如）替換爲#，所選元素將保持突出顯示（當然，那麼我無法導航到Contact.aspx，因爲它全部是# ）。只有當我用實際頁面替換#時，纔會發生這種情況。下面是Default.aspx頁面的截圖：

現在，這裏的Contact.aspx頁面（聯繫我們）的照片：

注意， 「家」 仍然是突出顯示。這裏是我的Contact.aspx頁面的菜單標記：

  <div id="menu"> 
       <ul class="menu"> 
        <li><a href="Default.aspx" class="parent"><span>Home</span></a> 
        </li> 
        <li><a href="#" class="parent"><span>Services</span></a> 
         <div> 
          <ul> 
           <li><a href="#" class="parent"><span>Sub Item 1</span></a> 
            <div> 
             <ul> 
              <li><a href="#"><span>Sub Item 1.1</span></a></li> 
              <li><a href="#"><span>Sub Item 1.2</span></a></li> 
             </ul> 
            </div> 
           </li> 
           <li><a href="#" class="parent"><span>Sub Item 2</span></a> 
            <div> 
             <ul> 
              <li><a href="#"><span>Sub Item 2.1</span></a></li> 
              <li><a href="#"><span>Sub Item 2.2</span></a></li> 
             </ul> 
            </div> 
           </li> 
           <li><a href="#"><span>Sub Item 3</span></a></li> 
           <li><a href="#"><span>Sub Item 4</span></a></li> 
           <li><a href="#"><span>Sub Item 5</span></a></li> 
           <li><a href="#"><span>Sub Item 6</span></a></li> 
           <li><a href="#"><span>Sub Item 7</span></a></li> 
          </ul> 
         </div> 
        </li> 
        <li><a href="About.aspx"><span>About Us</span></a></li> 
        <li class="last"><a href="Contact.aspx"><span>Contact Us</span></a></li> 
       </ul> 
      </div> 

有什麼我在這裏失蹤？

Answer 1

我不得不把class="current"放在我的<li>項目上。這解決了它。

Answer 2

class="current" in <li>將不起作用。

而不是class="current"，您需要將class="active"放入您的<li>部分。

下面是例子：

<li class="active">