파운데이션 부문 4 탐색 드롭 다운

렌더링하지

재단 (4)의 탐색 바는 그들이 HTML파운데이션 부문 4 탐색 드롭 다운

<li class="has-dropdown"><a href="/#">Gallery</a> 
     <ul class="dropdown"> 
     <li><a href="/galleria_categoris/1">liposuzione</a></li> 
     </ul> 
    </li>

이 jsfiddle에 나열된 경우에도, 드롭 다운 항목을 렌더링하는 데 실패 사용하면 관련 코드를 가지고 . CSS 파일과 js에 대한 언급은 정확하다고 생각합니다 (jsfiddle 톱 바 스크립트는 466 행). 동일한 파일이 다른 작동중인 인스턴스에서 사용됩니다 ...

출처

2014-07-15 Jerome

항목이

<li class="has-dropdown not-click">

을 팝업에 대한 드롭 다운 헤더는하지 클릭 수업을한다 설명서에 없으므로 AFAICT ...

출처

2014-07-16 06:16:27 Jerome

ok 질문이 명확하지 않았습니다 .. 호버가 필요했습니다. –

네, 조금 혼란 스럽습니다. 나에게 ~ 드롭 다운은 드롭 다운이 활성화되어 있어야 함을 의미합니다 ... 또한 동일한 스타일을 유지하려는 경우에도 앵커 태그를 제거하면 다른 스타일을 사용하게됩니다. 더 잘 문서화 될 수 있고 아마도 has-dropdown p 또는 span이 has-dropdwon 스타일을 상속받을 수 있습니다 ... – Jerome

여기에 드롭 다운 표시가있는 jsfiddle with the foundation 4 작동 바가 있습니다.

당신의 HTML 구조가 정확한지 .. 일을 일부러 그 당신의 바이올린 ..

<li class="has-dropdown"><a href="#">Main Item 3</a> 

    <ul class="dropdown"> 

     <li><a href="#">Dropdown Level 1b</a></li> 
     <li><a href="#">Dropdown Level 1c</a></li> 
     <li class="divider"></li> 
     <li><a href="#">Dropdown Level 1d</a></li> 
     <li><a href="#">Dropdown Level 1e</a></li> 
     <li><a href="#">Dropdown Level 1f</a></li> 

    </ul> 
    </li>

출처

2014-07-15 19:38:15

파운데이션 부문 4 탐색 드롭 다운

답변

관련 문제