Zurb Foundation 6 : 드롭 다운 버튼과 링크가 작동하지 않습니다.

파운데이션 6을 다운로드했습니다. 압축 된 폴더는 foundation.min.js jquery.js, foundations.minsss, 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에서 추출했다)하지만, 기초 6 코어 파일에, 당신은 기초 5.5.3에 관련된 코드를 사용하는

출처

2016-11-24 Carlos Giovano

. 참조 용으로이 링크를 확인하십시오 : http://foundation.zurb.com/sites/docs/button.html

또한 foundation.min.js가로드되고 콘솔에 오류가없는 경우 개발자 도구를 확인하십시오.

출처

2016-11-27 23:17:18 elicohenator

네, 보았습니다. 내 문제가 해결되었습니다. zurb foundation 포럼에 도움을 받았습니다. 내 목표는 zurb과 함께 다중 페이지 웹 사이트를 만드는 것이었지만, 나는 이것을 혼자서하는 법을 배웠고 코드에서 몇 가지 것을 테스트했다. 어쨌든, 도와 줘서 고마워. –

Zurb Foundation 6 : 드롭 다운 버튼과 링크가 작동하지 않습니다.

답변

관련 문제