HTML deskDrawer无法在移动设备上运行

时间:2015-04-21 14:51:58

标签: html css shopify liquid drawer

我在电话中使用了办公桌抽屉。但出于某种原因,当我在手机上试用桌面抽屉内的链接时,他们不会工作。我希望有人能给我一些关于我做错的提示。

因为我在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

0 个答案:

没有答案