Question

尝试呈现以下部分内容：_no_login_required_links.html.erb @根目录/索引

<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中渲染

1 个答案: