/ / Zurb Foundation 4, Off Canvas и Shopify - zurb-foundation, shopify, течност

Zurb Foundation 4, Off Canvas и Shopify - zurb-foundation, shopify, течност

Здравейте аз се опитвам да получи zurb фондация 4 да имаРаботното меню "Извън платно" работи в магазина ми. проблемът, който имам е, че той показва бутонът на менюто добре, но не задейства нищо, когато се кликне и предварително заредената странична лента е видима на работния плот

кодът, който съм използвал досега е

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

Отговори:

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

Имаш ли <body class="off-canvas hide-extras"> вече?

този код: <script> document.write("<script src=/" + ("__proto__" in {} ? "zepto" : "jquery") + ".js></script>"); </script> Зарежда Zepto (съвместима с jquery библиотека). Когато zepto не се поддържа (IE), той зарежда jquery. Точно като стъпка за отстраняване на неизправности бих се опитал да премахна <script> document.write("<script src=/" + ("__proto__" in {} ? "zepto" : "jquery") + ".js></script>"); </script> и {{ "zepto.js" | asset_url | script_tag }} и импортиране на внос може би с {{ "jquery.js" | asset_url | script_tag }}

Току-що погледнах в offcanvas.js. Това не е толкова странно, тъй като той нарича няколко метода, които не са достъпни в zepto.Той нарича scrollTop например.Използвайте jQuery и ще работи добре.


Свързани въпроси


Коментари (0)

Добави коментар