部分未在 rails 中呈现

Question

正在尝试渲染以下部分：_no_login_required_links.html.erb @ root/index

<li id="hobby">
  <%= link_to hobby_posts_path do %>
    <i class="fa fa-user-circle-o" aria-hidden="true"></i> Find a hobby 
buddy
  <% end %>
</li>

 <li id="study">
   <%= link_to study_posts_path do %>
    <i class="fa fa-graduation-cap" aria-hidden="true"></i> Find a 
study buddy
  <% end %>
</li>

<li id="team">
  <%= link_to team_posts_path do %>
    <i class="fa fa-users" aria-hidden="true"></i> Find a team member
  <% end %>
</li>

所以我把它放在另一个叫做 _side_menu

的部分

这里是_side_menu的内容

<div id="side-menu"  class="col-sm-3">
  <ul id="links-list">
   <%= render 'pages/index/side_menu/no_login_required_links' %>
 </ul>
</div>`

出于某种原因，当我转到主页时它不会呈现，但是当我将部分内容放在此文件中时： _main_content.html.erb ，就像这样它呈现...

<div id="main-content" class="col-sm-9">
  <%= render @posts %>
  <%= render 'pages/index/side_menu/no_login_required_links' %>
</div><!-- main-content -->`

这是我的 index.html.erb 文件

<%= render 'posts/modal' %>

<div class="container">
  <div class="row">
      <%= render 'pages/index/side_menu' %>
      <%= render 'pages/index/main_content' %>
  </div><!-- row -->
</div><!-- container -->

虽然我不想在主要内容部分呈现侧边菜单，但发生这种情况的原因是什么？

Answer 1

我找到问题了...

我有一个名为 mobile.scss 的 scss，它根据正在查看的设备的屏幕尺寸调整网页样式..

在mobile.scss中，我有以下样式：

@media screen and (max-width: 767px) {
  .pc-menu {
    display: none !important;
  }
 }


#side-menu {
     display: none !important;
  }

#side-menu 应该存在于 @media screen and (max-width: 767px)

中

因为不是，所以无论屏幕大小如何，它都将侧边菜单隐藏在一起。

将 #side-menu 放在 @media screen 内解决了问题。

部分未在 rails 中呈现

Partial not rendering in rails

ruby-on-rails

render

erb

partials