首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >仅当父级将css class=设置为“current”时,<li>才可见

仅当父级将css class=设置为“current”时,<li>才可见
EN

Stack Overflow用户
提问于 2009-12-05 06:33:30
回答 2查看 544关注 0票数 1

我有一个名为Taxons的类别列表:

Rails代码如下:

代码语言:javascript
复制
<div id="taxonomies" class="sidebar-item">
<% @taxonomies.each do |taxonomy| %>
  <ul class="navigation-list">

      <% taxonomy.root.children.each do |taxon| %>
        <li<%= ' class="current"' if @taxon and ([@taxon] + @taxon.ancestors).include?(taxon) %>><%= link_to taxon.name, seo_url(taxon) %></li>

            <% if @taxon.nil? %>
            <% else %>

                <% @taxon.children.each do |taxon|%>
                    <li><%= link_to taxon.name, seo_url(taxon) %></li>
                <% end %>

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

现在的问题是,如果我在视图中单击一个特定的分类,它会显示所有父级的子级。所以..。

类别%1可持续1可持续2类别2可持续1可持续2类别3可持续1可持续2

当我想要的是:类别1继承1继承2分类2分类3

所选类别附加了css类current。我的想法是某种<% if :class =>的当前%>显示LI,否则不显示任何内容。

有人知道这是不是可能的?

EN

回答 2

Stack Overflow用户

发布于 2009-12-05 06:59:36

您不能在添加class属性时重用相同的条件吗?

if @taxon and ([@taxon] + @taxon.ancestors).include?(taxon)

所以你会有:

代码语言:javascript
复制
<% taxonomy.root.children.each do |taxon| %>
<li<%= ' class="current"' if @taxon and ([@taxon] + @taxon.ancestors).include?(taxon) %>><%= link_to taxon.name, seo_url(taxon) %></li>

    <% if @taxon and ([@taxon] + @taxon.ancestors).include?(taxon) %>

        <% @taxon.children.each do |taxon|%>
            <li><%= link_to taxon.name, seo_url(taxon) %></li>
        <% end %>

    <% end %>
<% end %>
票数 0
EN

Stack Overflow用户

发布于 2009-12-05 15:52:28

在你的控制器上添加即时变量。喜欢

代码语言:javascript
复制
def blablabla
  @current_page = Category.name
  if params[:id => @current_page]
    @current = "current"
  else
    @current = ""   
  end
end

并在此更改

代码语言:javascript
复制
<li<%= ' class="#{@current}"' if @taxon and ([@taxon] + @taxon.ancestors).include?(taxon) %>><%= link_to taxon.name, seo_url(taxon) %></li>
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/1850097

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档