我的導航欄停止爲Ruby on Rails正常工作 - Haml

我離開計算機並回到導航欄的問題。它工作正常，現在不是。導航欄中的各個選項卡仍然有效，但不顯示哪個選項卡處於活動狀態。儘管我可能位於主頁，瀏覽或開始頁面，但「關於我們」選項卡仍以粗體顯示（活動）。我不確定該如何解決這個問題。下面是導航欄的代碼。任何幫助將不勝感激。謝謝！我的導航欄停止爲Ruby on Rails正常工作 - Haml

 .span2 
      = link_to image_tag("company_logo.png", class: "brand", style: "margin-top: 10px;"), static_pages_home_page_path 
     .span7 
      %ul.nav.nav-tabs 
       %li.active#about 
        = link_to "About Us", static_pages_about_path, id: "about" 
       %li#browse 
        = link_to "Browse", static_pages_browse_path, id: "browse" 
       %li#start 
        = link_to "Start", static_pages_start_project_path, id: "start" 
       %li#blog      
        = link_to "Blog", '#', id: "blog"

來源

2013-05-31 user2284957

如何在'li's之間切換'active'類？ – RobHeaton

你已經給錨以及李給了id。這可能是一個問題，如果你通過ID選擇元素 –

@JuriGlass我對RoR相當陌生。你是指li.active還是你說我應該在上面的代碼中添加一個錨元素？ – user2284957

「關於我們」選項卡中刪除了「活動」短語。這從導航欄中移除了錨點。感謝@Juri Glass和RobHeaton。

 %ul.nav.nav-tabs 
      %li.active#about 
       = link_to "About Us", static_pages_about_path, id: "about" 
      %li#browse 
       = link_to "Browse", static_pages_browse_path, id: "browse" 
      %li#start 
       = link_to "Start", static_pages_start_project_path, id: "start" 
      %li#blog      
       = link_to "Blog", '#', id: "blog"

來源

2013-05-31 13:34:07 user2284957

我的導航欄停止爲Ruby on Rails正常工作 - Haml

回答

相關問題