我的导航栏停止为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

回答

相关问题