我在电话中使用了办公桌抽屉。但出于某种原因,当我在手机上试用桌面抽屉内的链接时,他们不会工作。我希望有人能给我一些关于我做错的提示。
因为我在Chrome上的计算机上试用它时可以正常工作,同时模拟手机浏览器而不是我手机的浏览器。页面为www.bebe2go.com,我使用的办公桌抽屉就是这个:http://git.blivesta.com/drawer/fixed-navbar-left。
以下是导航器的代码:
<div class="row">
<div class="col-lg-12">
<div class="drawer-header">
<button type="button" class="drawer-toggle drawer-hamburger">
<span class="sr-only">toggle navigation</span>
<span class="drawer-hamburger-icon"></span>
</button>
</div>
<div class="drawer-main drawer-navbar-default">
<nav class="container drawer-nav" role="navigation">
<div class="drawer-brand hidden-md hidden-lg"><a href="http://www.bebe2go.com/">Bebe2Go</a></div>
<ul class="drawer-menu">
{% for link in linklists.main-menu.links %}
{% assign child_list_handle = link.title | handleize %}
{% if linklists[child_list_handle].links != blank %}
<li class="drawer-menu-item dropdown drawer-dropdown-hover">
<a href="#" data-toggle="dropdown" role="button" aria-expanded="false">{{ link.title | escape }}<span class="caret"></span></a>
<ul class="drawer-submenu dropdown-menu" role="menu">
<li class="drawer-submenu-item"><a href="{{ link.url }}">{{ link.title | escape }}</a></li>
{% for childlink in linklists[child_list_handle].links %}
<li class="drawer-submenu-item"><a href="{{ childlink.url }}">{{ childlink.title | escape }}</a></li>
{% endfor %}
</ul>
</li>
{% else %}
<li class="drawer-menu-item"><a href="{{ link.url }}">{{ link.title | escape }}</a></li>
{% endif %}
{% endfor %}
</ul>
</nav>
</div>
</div>
</div>
以下是js:https://github.com/blivesta/drawer/blob/master/src/js/jquery.drawer.js
的链接这里是css的链接: https://github.com/blivesta/drawer/blob/master/dist/css/drawer.css