Проблема с Foundation 5 Навигационная панель в Rails

Question

Я создаю навигационную панель (код для подражания) с использованием основы основы/Gem в рельсах 4 App. Чтобы начать, я не очень разбираюсь в дизайнере переднего плана, поэтому я извиняюсь, если это легко исправить проблему, но я не могу найти много об этом в моих поисках.

Когда я нажимаю на раскрывающийся элемент «Создать отчеты», он открывается, когда я нажимаю на него и сразу закрывается - не давая времени, чтобы фактически выбрать элемент, на который я хочу перейти.

Nav-Штрих-код:

<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

Вы решили эту проблему? Удивительно, но я исправил это случайно. Во-первых, у меня есть проблема, что выпадающий список nav bar перекрывается под контентом. Затем я решил это, добавив «z-index: 999» в мой файл css. Это будет держать ваш навигационный бар поверх всего. Это также означает, что ваш курсор может сфокусироваться на выпадающем меню, и вы можете выбрать.