zoukankan      html  css  js  c++  java
  • mui侧滑菜单"点击含有mui-action-menu类的控件"无法实现侧滑

    .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

  • 相关阅读:
    css浮动
    css各种元素最原始的表现
    css3 unset属性
    js类式继承
    javascript编写Tab选项卡
    javaScript事件冒泡
    javascript中的&&与||的用法
    比较好的前端网站
    原生js开发tab选项卡之闭包
    冒泡排序(中级版)
  • 原文地址:https://www.cnblogs.com/ooo0/p/7154385.html
Copyright © 2011-2022 走看看