Zurb Foundation 구성 요소가 작동하지 않음 (Zurb Foundation components not working)


문제 설명

Zurb Foundation 구성 요소가 작동하지 않음 (Zurb Foundation components not working)

Zurb Foundation 6 사용자 정의 패키지(모든 구성 요소) 강하다> 예를 들면. Off‑Canvas를 활성화하는 방법은 무엇입니까? CSS 파일(foundation.css)에는 필요한 스타일이 있고 JS 파일(foundation.js)에는 일부 참조가 있습니다. 더 이상 파일이 없습니다. 모든 패키지에서... 폴더 구조


참조 솔루션

방법 1:

After downloading the package, make sure you include the componet in your html and calling it. make sure you follow the instructions as noted here:

http://foundation.zurb.com/sites/docs/off‑canvas.html#setup

also create a button to toggle the off canvas:

<button type="button" class="button" data‑toggle="offCanvas">Open Menu</button>

and init the new off‑canvas element at your JS file:

var elem = new Foundation.OffCanvas(element, options);

(by Dmitriy Gavrilenkoelicohenator)

참조 문서

  1. Zurb Foundation components not working (CC BY‑SA 2.5/3.0/4.0)

#zurb-foundation #css #html #javascript






관련 질문

zurb-foundation Rails gem에 캔버스 외 레이아웃 포함 (Including off-canvas layouts with the zurb-foundation Rails gem)

CSS zurb 기초 및 dhtmlx (CSS zurb foundation and dhtmlx)

기초 바닥글이 전체 페이지 너비가 아닙니다. (Foundation footer is not full page width)

slick.js 플러스 파운데이션 이퀄라이저 문제 (slick.js plus foundation equalizer issue)

반응형 웹사이트 드롭다운 양식 문제 (Responsive Website Dropdown form issue)

Foundation 6의 TopBar가 작동하지 않음 (TopBar in foundation 6 not working)

_settings.scss의 변수는 주석 처리되지 않은 상태로 컴파일됩니다. (Variables in _settings.scss are compiled as uncommented)

Foundation for Apps 프로젝트의 양쪽 맞춤 탭 (Justified tabs in Foundation for Apps project)

휴대폰에서 보이지 않는 웹사이트의 일부 (Part of the Website invisible on mobile phone)

Zurb Foundation 구성 요소가 작동하지 않음 (Zurb Foundation components not working)

Foundation 탭이 초기화되었는지 확인하는 방법은 무엇입니까? (How to check if Foundation tabs are initialized?)

Zurb Foundation 균등화 그리드: 그리드 셀 내부의 div 하단에 콘텐츠를 배치하는 방법 (Zurb Foundation equalised grid: how to position content at bottom of div inside grid cell)







코멘트