/ / Zurb Foundation 4, Off Canvas a Shopify - zurb-nadácia, shopify, kvapalina

Zurb Foundation 4, Off Canvas a Shopify - zurb-nadácia, shopify, kvapalina

Ahoj Snažím sa dostať zurb základ 4 maťmobilné menu v mobilnom obchode funguje v mojom obchodnom obchode. problém, ktorý mám, je to, že zobrazuje tlačidlo ponuky v poriadku, ale nie je spustenie nič, keď kliknete a predinštalovaný bočný panel je viditeľný na ploche

kód som použil tak ďaleko je

<!-- mobile only side bar -->
<header class="row">
<div class="large-8 columns small-2">
<p class="show-for-small">
<a class="sidebar-button button" id="sidebarButton" href="#sidebar" >Menu</a>
</p>
</div>
<section id="sidebar" role="complementary">
<nav id="sideMenu" role="navigation">
<ul id="sideMainNav" class="nav-bar">
<li><a href="">test</a></li>
<li><a href="">Two</a></li>
<li><a href="">Three</a></li>
<li><a href="">Four</a></li>
</ul>
</nav>
</section>
</header>
<!-- /mobile -->


<!-- Check for Zepto support, load jQuery if necessary -->
<script>
document.write("<script src=/"
+ ("__proto__" in {} ? "zepto" : "jquery")
+ ".js></script>");
</script>

{{ "zepto.js" | asset_url | script_tag }}
{{ "foundation.min.js" | asset_url | script_tag }}
<script>
$(document).foundation();
</script>
{{ "jquery.offcanvas.js" | asset_url | script_tag }}

odpovede:

3 pre odpoveď č. 1

Máš <body class="off-canvas hide-extras"> Už?

tento kód: <script> document.write("<script src=/" + ("__proto__" in {} ? "zepto" : "jquery") + ".js></script>"); </script> Načíta Zepto (knižnica kompatibilná s jquery). Keď zepto nie je podporované (IE), načíta sa jquery. Rovnako ako krok na riešenie problémov by som sa pokúsil odstrániť <script> document.write("<script src=/" + ("__proto__" in {} ? "zepto" : "jquery") + ".js></script>"); </script> a {{ "zepto.js" | asset_url | script_tag }} a import jquery možno s {{ "jquery.js" | asset_url | script_tag }}

Práve som sa pozrel na offcanvas.js. Nie je to tak zvláštne, pretože nazýva niekoľko metód, ktoré nie sú k dispozícii v zepto, napríklad scrollTop. Použite jQuery a funguje to dobre.


Súvisiace otázky


Komentáre (0)

Pridať komentár