2013-05-04 25 views
1

我正在使用bootstrap-sass gem,并且出于某种原因导航栏中我正在使用活动类来处理下面的一个li,但它并未按下。为什么我的导轨应用程序的引导视图有趣?

application.html.erb:

<!DOCTYPE html> 
<html> 
<head> 
    <title><%= yield(:title) %></title> 

    <%= stylesheet_link_tag "application", :media => "all" %> 
    <%= javascript_include_tag "application" %> 
    <%= csrf_meta_tags %> 
</head> 
<body id="<%= params[:controller].parameterize %>_controller"> 

<div class="container"> 

    <div class="row"> 
     <div class="span12"> 
      <div class="navbar"> 
       <div class="navbar-inner"> 
       <%= link_to 'evoALL', root_path, 
       html_options = {:class => 'brand'} %> 

       <% navArr = ["Dashboard", "Help People", 
        "Get Help", "Contact Us"] %> 

       <% flash.each do |key, value| %> 
        <p class="lead"><%= value %></p> 
       <% end %> 

       <ul class="nav"> 
        <% navArr.each do |value| %> 
         <li> 

           <a 
           <% if (yield(:navActive)==value) %> 
            class="active" 
           <% end %> 
           href="#"> 
            <%=value%> 
           </a> 

         </li> 
        <% end %> 
       </ul> 
       </div> 
      </div> 
     </div> 
    </div> 


    <%= yield %> 

<div class="container"> 
    <div id="footer"><!-- footer start --> 
     <div class="row-fluid"> 
      <div class="span12"> 
       <p class="pull-right"> 
        &#169; <%= Date.today.year %> 
       </p> 
      </div> 
     </div> 
    </div><!-- footer end --> 
</div> 

</div> <!-- close container div --> 

</body> 
</html> 

index.html.erb对于得以被路由选择的应用程序的根主控制器的索引方法的视图文件:

<%= provide(:title, 'evoALL') %> 
<%= provide(:navActive, 'Get Help') %> 
<div class="container"> 
    <div class="row"> 
    <div class="span12"> 
     <p>Needs Home Page</p> 
    </div> 
    </div> 
</div> 

回答

0

我正在将活动类应用到a标签而不是li标签。

正确的解决办法是更换此:

<% navArr.each do |value| %> 

    <ul> 
    <li> 
    <a 
    <% if (yield(:navActive)==value) %> 
     class="active" 
    <% end %> 
    href="#"> 
     <%=value%> 
    </a> 

    </li> 

    </ul> 

<% end %> 

与此:

<ul class="nav"> 
    <% navArr.each do |value| %> 


     <li 
      <% if (yield(:navActive)==value) %> 
       class="active" 
      <% end %>> 
      <a href="#"> 
       <%=value%> 
      </a> 
     </li> 

    <% end %> 
</ul> 
相关问题