/ / Nadácia 6 Off-plátno sa nepodarí spustiť z balíka bower - zurb-foundation

Nadácia 6 Off-plátno sa nepodarí spustiť z balíka bower - zurb-foundation

Práve som začal testovať základňu 6 z balíka Bower "foundation-sites" a zatiaľ čo väčšina modulov Foundation, ktoré som testovala, sa zdá byť v poriadku, stále nemôžem spustiť ponuku off-canvas.

Pokúsil som sa vymeniť jquery.js za jquery.min.js, pokúsil sa nahradiť balíky balíkov s cnd odkazmi bez akéhokoľvek efektu a ja som kopíroval vložil veľa kódových príkladov na internete, ale ja ešte mám túto prácu.

Toto sú skripty, ktoré sa načítajú

<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>

Tu je kód HTML skopírovaný z nadácie.

<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>

Potom zahrňte prepínacie tlačidlo

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

Potom som spustil $ (dokument).() v konzole, ale tlačidlo zostane nereagujúce. Ak to má nejaký význam, spúšťam vlastný MEAN zásobník s uhlom smerovaním a pm2 serverom na Ubuntu 16.04, aj keď som sa tiež snažil v obyčajnom html súbore a na codepen a nedokážem ani pracovať. foundation.offcanvas.js / foundation.core.js a skript utility, ale stále to nebude fungovať. Tu je kódovací kód s iba jquery a foundation.min.js loaded - http://codepen.io/rawiki/pen/eZboXB,

Čo mi chýba? Musím vytvoriť nadáciu.OffCanvas inštancie v JavaScripte skôr, ako to bude fungovať?

odpovede:

1 pre odpoveď č. 1

Zdá sa, že v oblasti obsahu stránky nie je nič, čím sa nastavuje výška "0", nastavenie výšky oblasti obsahu stránky alebo pridanie určitého obsahu.

tu je kód, práve som pridal výšku

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