css - 在根目录下隐藏某些布局元素(导航栏/页脚)的高效条件语句

标签 css ruby-on-rails ruby if-statement conditional-statements

我发布了一个类似的问题 here .它可能看起来重复,但这个问题是不同的,因为我特别想要一个条件语句来删除布局的一部分(而不是整个文件)

我试过:

if current_page?(root_path)
  # your html
end

application.html.erb(更新后的版本)

<!DOCTYPE html>
<html lang="en">
<head>

<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="author" content="">

<!--Google Fonts-->
<link href="https://fonts.googleapis.com/css?family=Quicksand|Raleway:600"    rel="stylesheet">

<%= stylesheet_link_tag 'application', media: 'all' %>
<%= javascript_include_tag 'application' %
<%= csrf_meta_tags %>

</head>
<body>

<!--Navbar/Footer-->
 <% if current_page?(root_path) %>
   #NAVBAR
   #FOOTER
 <% end %>**

<!--Javascript-->
<script>
 $(document).ready(function(){
     $('[data-toggle="tooltip"]').tooltip();
 });
</script>

<script  src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js">      </script>

 </body>
</html>

更新了 application.html.erb

<% if current_page?(root_path) %>
 <body>
  <div class="container">
   <div class="content">
    <%= yield %>
   </div>
  </div>
 </body>
<% else %>  
 <body>
  <!--Header-->
  <%= render 'shared/header' %>
  <!--Content-->
  <div class="container">
   <div class="content">
    <%= yield %>
   </div>
  </div>
  <!--Footer-->
   <%= render 'shared/footer' %>
  </body>
<% end %>

将导航栏添加到app/views/shared/header.html.erb

将页脚添加到 app/views/shared/footer.html.erb

最佳答案

因为我看不到你的 application.html.erb 我举个例子:

在您的 application.html.erb 中制作 2 个正文,一个显示在根页面上,另一个显示在所有其他页面上,如下所示:

<% if current_page?(root_path) %>
    <body>
     <div class="container">
      <div class="content">
        <%= yield %>
      </div>
     </div>
    </body>
<% else %>  
    <body>
    <%= render 'shared/header' %>
    <div class="container">
      <div class="content">
       <%= yield %>
      </div>
    </div>
    <%= render 'shared/footer' %>
    </body>
<% end %>

这是假设您将页脚和页眉作为部分内容放在 app/views/shared 文件夹中

关于css - 在根目录下隐藏某些布局元素(导航栏/页脚)的高效条件语句,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39692213/

相关文章:

html - 更改 mdl-textfield 的颜色

ruby-on-rails - Elastic Beanstalk : customize Puma configuration

android - RSolr::Error::Http - 400 错误请求 - 路径中缺少 solr 核心名称

javascript - 在定义构造函数后,实例属性可以添加到 JavaScript 原型(prototype)吗?

html - 在 Chrome 中,<select> 元素在禁用时没有背景色

html - 是否可以将 <div> 配置为溢出父 <td> 元素而不是展开 id?

ruby-on-rails - 将对象保存到属性?

ruby-on-rails - 回形针 :style depending on model (has_many polymorphic images)

mysql - 使用 mysql 创建新项目时找不到 "config/databases/mysql.yml"

css - :not() selector on CSS