/ / Zurb Foundation 4, Off Canvas és Shopify - zurb-alapítvány, shopify, folyadék

Zurb Foundation 4, Off Canvas és Shopify - zurb-alapítvány, shopify, folyadék

Szia megpróbálok zurb alapítványt szerezniaz off-vászon mobil menü működik az én shopify áruházban. az a probléma, hogy a menü gomb finom kijelzése, de nem késztet semmit a kattintásra, és az előre betöltött oldalsáv látható az asztalon

a kódot eddig használtam

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

válaszok:

3 a válasz № 1

Van neked <body class="off-canvas hide-extras"> már?

ez a kód: <script> document.write("<script src=/" + ("__proto__" in {} ? "zepto" : "jquery") + ".js></script>"); </script> Betölti a Zepto (jquery kompatibilis könyvtárat). Ha a zepto nem támogatott (IE), a jquery-t betölti. Csakúgy, mint egy hibaelhárítási lépés, megpróbálom eltávolítani <script> document.write("<script src=/" + ("__proto__" in {} ? "zepto" : "jquery") + ".js></script>"); </script> és {{ "zepto.js" | asset_url | script_tag }} és importálhat jquery-t talán {{ "jquery.js" | asset_url | script_tag }}

Épp most vettem egy pillantást az offcanvas.js-re. Ez nem olyan furcsa, mivel néhány olyan módszert nevez meg, amelyek nem állnak rendelkezésre a zepto-ban, hanem a scrollTop-ot hívják: használja a jQuery-t és ez jól működik.


Kapcsolódó kérdések


Hozzászólások (0)

Hozzászólni