mui侧滑菜单"点击含有mui-action-menu类的控件"无法实现侧滑

Posted 2020-09-27 草木物语

.mui-action-menu

标题栏 菜单按钮 指定href="#id"显示与隐藏侧滑菜单

 

html:

<div class="mui-off-canvas-wrap mui-draggable">
  <aside id="leftNav" class="mui-off-canvas-left">
    <div class="mui-scroll-wrapper">
        <div class="mui-scroll">
          <ul class="mui-table-view">
             <li class="mui-table-view-cell">侧滑菜单列表</li>
             <li class="mui-table-view-cell">侧滑菜单列表2</li>
             <li class="mui-table-view-cell">侧滑菜单列表3</li>
          </ul>
        </div>
    </div>
  </aside>
  <div class="mui-inner-wrap">
    <header class="mui-bar mui-bar-nav">
      <a href="#leftNav" class="mui-icon mui-action-menu mui-icon-bars mui-pull-left"></a>
      <h1 class="mui-title">
      标题
      </h1>
    </header>
    <div class="mui-content mui-scroll-wrapper">
      <div class="mui-scroll">
        <p>
        具体内容
        </p>
      </div>
    </div>
  </div>
</div>

  

href:https://badfl.gitbooks.io/mui/content/mui-action-menu.html