Question

我正在使用rails 4 App中的基础框架/ Gem构建一个导航栏（要遵循的代码）。首先，我不是一个前端设计师，所以如果这是一个容易解决的问题，我会道歉但我在搜索中似乎找不到太多关于它的信息。

当我点击下拉项目“创建报告”时，它会在我点击它并立即关闭时打开 - 没有时间实际选择我要跳转到的项目。

导航栏代码：

<div class="fixed">
  <nav class="top-bar" data-topbar role="navigation">
    <ul class="title-area">
      <li class="name"><h1><%= link_to "PatrolProRMS", root_path %></h1></li>
      <li class="toggle-topbar menu-icon"><span></span></li>
    </ul>
    <section class="top-bar-section">
    <!-- Right Nav Section -->
      <ul class="right">
        <li><%= link_to "Edit Profile" %></li> <!-- Add Registration Edit Link -->
        <li class="has-dropdown">
          <%= link_to "Create Documents" %>
          <ul class="dropdown">
            <li><%= link_to "General Patrol Report" %></li>
            <li><%= link_to "Incidnet Report - Static" %></li>
            <li><%= link_to "Incident Report - Mobile" %></li>
          </ul>
        <li><%= link_to "Sign Out" %></li>
      </ul>
    <!-- Left Nav Section -->
      <ul class="left">
      <li><%= link_to "Patrol Locations", sites_path %></li>
      <li><%= link_to "Resident Directory" %></li>
      <li><%= link_to "Visitor Parking Registry" %></li>
      </ul>
    </section>
  </nav>
</div>

我遵循了基础指导指南，并且不确定从何处开始进行故障排除。

Answer 1

你解决了这个问题吗？令人惊讶的是，我偶然修理了它。首先，我有一个问题，导航条下拉列表在内容下重叠。然后我通过添加＆＃34; z-index：999＆＃34;来解决它。在我的css文件中。这将使您的导航栏保持在一切之上。这也意味着你的光标可以专注于下拉菜单，你可以选择。

在Rails中使用Foundation 5 Nav-bar Dropdown的问题

1 个答案: