Я фронтенд-веб-разработчик, работающий над своим первым серьезным проектом на рельсах (v3.2.8). Я успешно установил Foundation версии 3.2.0 с помощью драгоценного камня.
У меня возникли проблемы с переключателем навигации, который появляется на экранах меньшего размера и используется для развертывания и свертывания навигационных ссылок. Когда я нажимаю на него, он ничего не делает.
(Вы можете увидеть документацию по адаптивной навигации zurb на их веб-сайте: http://foundation.zurb.com/docs/navigation.php).
Рассматриваемый код:
<nav class="top-bar">
<ul>
<li class="toggle-topbar">
<a href="#"></a>
</li>
</ul>
<section>
<ul class="right">
<li class="has-dropdown">
<%= link_to "#{@user.email} | #{@user.credits_count}",
dashboard_path, :class => 'first-link' %>
<ul class="dropdown">
<li>
<a href="#">Settings<i class="icon-cog"></i></a>
</li>
<li>
<a href="#">Downloads<i class="icon-cloud-download"></i></a>
</li>
<li>
<a href="#">Subscription<i class="icon-calendar"></i></a>
</li>
<li>
<%= link_to 'Purchase Credits <i class="icon-money"></i>'
.html_safe, credits_path %>
</li>
<%= render "shared/menu_bar" %>
</ul>
</li>
</ul>
</section>
</nav>
Нечетная часть, когда я удаляю:
<ul>
<li class="toggle-topbar">
<a href="#"></a>
</li>
</ul>
... Все работает как надо, но первая ссылка:
<%= link_to "#{@user.email} | #{@user.credits_count}",
dashboard_path, :class => 'first-link' %>
... появляется дважды - один раз там, где должна быть фактическая стрелка переключения, и еще раз, когда вы щелкаете по ней, чтобы развернуть навигационные ссылки.
Почему навигация будет работать правильно, если переключателя нет в коде, и работать неправильно, когда он есть?
Любая помощь будет принята с благодарностью.