2016-11-24 3 views
0

Я загрузил основание 6, папка с zipped поставляется с foundation.js, foundation.min.js jquery.js, foundationations.css, foundation.min.css. Я пытаюсь реализовать кнопки выпадающего списка, но они не работают, и я не знаю, почему.Zurb Foundation 6: выпадающие кнопки и ссылки не работают

<html> 
    <head> 
     <meta charset="utf-8" /> 
     <meta name="viewport" content="width=device-width, initial-scale=1.0"/> 
     <title>Home</title> 
     <link rel="stylesheet" href="../css/foundation.css"/> 
     <script src="../js/vendor/jquery.js"></script> 
     <script src="../js/vendor/foundation.js"></script> 
    </head> 

    <body> 
     <script>$(document).foundation();</script> 
     <button href="#" data-dropdown="drop1" aria-controls="drop1" aria-expanded="false" class="button dropdown">Dropdown Button</button><br> 
     <ul id="drop1" data-dropdown-content class="f-dropdown" aria-hidden="true"> 
      <li><a href="#">This is a link</a></li> 
      <li><a href="#">This is another</a></li> 
      <li><a href="#">Yet another</a></li> 
     </ul> 
    </body> 
</html> 

Я действительно не знаю, почему это не работает. Пожалуйста, помогите мне!

(примечание: код выпадающего выше был отрывком из Официального сайта документаций http://foundation.zurb.com/sites/docs/v/5.5.3/components/dropdown_buttons.html)

ответ

0

Вы используете код соответствующего основанию 5.5.3, но на основные файлах фундамент 6. проверьте эту ссылку для справки: http://foundation.zurb.com/sites/docs/button.html

Также проверьте свои инструменты разработчика, если fund.min.js загружается и никаких ошибок в консоли.

+0

Да, я видел. Моя проблема решена. Я получил помощь в форуме Zurb Foundation. Моя цель состояла в создании многостраничного веб-сайта с zurb, но я научился делать это самостоятельно, просто проверяя некоторые вещи в своем коде. В любом случае спасибо за помощь. –

Смежные вопросы