Почему нет zurb Foundation 3 dropdown, работающий на мобильных устройствах?

Question

Использование Zurb Foundation 3 на сайте. Основная навигация - базовая настройка с несколькими элементами, имеющими «вылет». ниже пример кода с моего сайта.

<ul class="nav-bar"> 
    <li><a href="{site_url}">Home</a></li> 
    <li><a href="">Pay Bill</a></li> 
    <li class="has-flyout"> 
<a href="#">Our Practice</a> 
<ul class="flyout"> 
    <li><a href="#">Sub Nav Item 1</a></li> 
    <li><a href="#">Sub Nav Item 2</a></li> 
    <li><a href="#">Sub Nav 3</a></li> 
    </ul> 
    </li> 
    <li class="has-flyout"> 
<a href="#">Pediatrics</a> 
<ul class="flyout"> 
    <li><a href="#">Sub Nav Item 1</a></li> 
    <li><a href="#">Sub Nav Item 2</a></li> 
    <li><a href="#">Sub Nav 3</a></li>      
</ul> 
    </li>   
</ul> 

он следует той же структуре на учредительных документах 3. внизу страницы я звоню JS файлы, необходимые:

<script src="/assets/javascripts/jquery.js"></script> 
<script src="/assets/javascripts/foundation.min.js"></script> 
<script src="/assets/javascripts/jquery.foundation.navigation.js"></script> 
<!-- Initialize JS Plugins --> 
<script type="text/javascript" src="/assets/javascripts/app.js"></script> 

не знаю, почему он не работает, так что любой совет, было бы здорово!

Answer 1

Вы пробовали обновить версию 4? он является мобильным первым и может устранить этот вопрос