/ / Фондация 6 Извън платното не се задейства от пакета на барабана - фондация "zurb-foundation"

Фондация 6 Off-платното не може да се задейства от багажния пакет - zurb-foundation

Току-що започнах да тествам Фондация 6 от пакета "фондации" на Bower и докато повечето от модулите на фондацията, които съм тествал, изглежда работят, все още не мога да задействам менюто "off-canvas".

Опитах се да сменя jquery.js за jquery.min.js, опитах да замени пакета за барабани с cnd линкове, без да има ефект, и аз копирах поставил многобройни примерни кодове в мрежата, но аз все още нямам тази работа.

Това са скриптовете, които се зареждат

<script src="bower_components/jquery/dist/jquery.min.js"></script>
<script src="bower_components/what-input/what-input.js"></script>
<script src="bower_components/foundation-sites/dist/foundation.js"></script>
<script src="bower_components/foundation-sites/js/foundation.offcanvas.js"></script>
<script src="bower_components/foundation-sites/js/foundation.core.js"></script>
<script src="bower_components/foundation-sites/js/foundation.util.mediaQuery.js"></script>
<script src="bower_components/foundation-sites/js/foundation.util.triggers.js"></script>
<script src="bower_components/foundation-sites/js/foundation.util.motion.js"></script>

Ето HTML копирани от сайта на фондацията.

<div class="off-canvas-wrapper">
<div class="off-canvas-wrapper-inner" data-off-canvas-wrapper>
<div class="off-canvas position-left" id="offCanvas" data-off-canvas>

<!-- Close button -->
<button class="close-button" aria-label="Close menu" type="button" data-close>
<span aria-hidden="true">&times;</span>
</button>

<!-- Menu -->
<ul class="vertical menu">
<li><a href="#">Foundation</a></li>
<li><a href="#">Dot</a></li>
<li><a href="#">ZURB</a></li>
<li><a href="#">Com</a></li>
<li><a href="#">Slash</a></li>
<li><a href="#">Sites</a></li>
</ul>

</div>

<div class="off-canvas-content" data-off-canvas-content>
<!-- Page content -->
</div>
</div>

След това включете бутона за превключване

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

След това тичам $ (документ).фон () в конзолата, но бутонът не реагира. Ако има някакво значение, изпълнявам персонализиран MEAN стек с ъглово маршрутизиране и pm2 сървър на Ubuntu 16.04, въпреки че аз също се опитах в обикновен html файл и на codepen и не мога да се спра на работа. foundation.offcanvas.js / foundation.core.js и полезните скриптове, но все още няма да работят. Тук е кода с само jquery и foundation.min.js натоварени - http://codepen.io/rawiki/pen/eZboXB.

Какво ми липсва? Трябва ли да създам фондация.OffCanvas в JavaScript, преди това да работи?

Отговори:

1 за отговор № 1

Изглежда, че няма нищо в областта на съдържанието на страницата, като по този начин се настройва "височината на 0", настройването на височината на съдържанието на страницата или добавянето на някакво съдържание към нея, ще реши проблема.

тук е кода, току-що добавих височината

.off-canvas-content{
height:300px;
}