휴대 기기에서 Zurb Foundation 드롭 다운 문제를 해결하려면 어떻게해야하나요?

Question

여기 내가 사용하는 코드는 다음 CSS로

<script> 
    $(document).foundation({ 
     // specify the class used for active dropdowns 
     active_class: 'open' 
    }); 
</script> 

: 나는 또한 사용자 탭은/버튼을 클릭 할 때 추가 할 예정이다 클래스 (오픈)을 지정하려

<div style="top-buttons"> 
      <a href="#" data-dropdown="tinyDrop"><img src="images/sandwich.gif" class="sandwich" width="30" height="30"></a> 
</div> 
<ul id="tinyDrop" class="f-dropdown" data-dropdown-content> 
    <hr>    
    <li class="navitem"><a href="#"><img src="images/group-25.png"/> Trends/Activity</a></li> 
    <hr> 
    <li class="navitem"><a href="#"><img src="images/settings2-25.png"/> Settings</a></li> 
    <hr> 
    <li class="navitem"><a href="#"><img src="images/help-25.png"/> Help</a></li> 
    <hr> 
    <li class="navitem"><a href="#"><img src="images/star-25.png"/> Rate Clustir</a></li> 
    <hr> 
    <li class="navitem"><a href="#"><img src="images/exit-25.png"/> Logout</a></li> 
    <hr> 
</ul> 

이 수업이 무엇이든 할 수 있는지보기 위해서. 그것은 심지어 활용되지 않는 것 같습니다.

.open{ 
    display:none; 
} 

jquery 또는 더 나은 CSS를 사용하여 문제를 해결할 수있는 방법에 대한 아이디어. 나는 이것이 재단 버그가 아니길 바래.

Answer 1

Foundation 5에 오셨습니까? 내가 위의 수정없이

<a href="#" data-dropdown-init="" data-dropdown="tinyDrop"><img src="images/sandwich.gif" class="sandwich" width="30" height="30"></a> 

아래와 같이 상위 요소의 "데이터 드롭 다운-초기화하기"속성을 필요로하는 5 4에서 업그레이드 한 후 발견, 나는 정의되지 않은 속성에 대해 불평 콘솔에서 자바 스크립트 오류가 표시 foundation.dropdown.js에 있습니다.