DIV侧滑菜单点击没有反应

分类：MUI

侧滑菜单

直接拷贝CSS组件里的侧滑菜单，点击没有反应，但是官网的demo就正常！

2015-02-06 13:31 负责人:无分享

3 个回复

张强

看看我的话题
http://ask.dcloud.net.cn/question/2898?notification_id-12825rf-falseitem_id-4873__answer_id-4873__single-TRUE#!answer_4873

Rufo

<!DOCTYPE html>  
<html>  
<head>  
    <meta charset="utf-8">  
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />  
    <title></title>  
    <script src="js/mui.min.js"></script>  
    <link href="css/mui.min.css" rel="stylesheet"/>  

</head>  
<body>  

    <!-- 侧滑导航根容器 -->  
<div class="mui-off-canvas-wrap mui-draggable">  
  <!-- 菜单容器 -->  
  <aside class="mui-off-canvas-left" >  
    <div class="mui-scroll-wrapper">  
      <div class="mui-scroll">  
        <!-- 菜单具体展示内容 -->  
        <p>你好</p>  
        <p>向明</p>  
        <p>傻逼</p>  
        <p>正确</p>  
      </div>  
    </div>  
  </aside>  
  <!-- 主页面容器 -->  
  <div class="mui-inner-wrap">  
    <!-- 主页面标题 -->  
    <header class="mui-bar mui-bar-nav">  
      <a class="mui-icon mui-action-menu mui-icon-bars mui-pull-left"  id="show"></a><!--左上角的图标-->  
      <h1 class="mui-title">标题</h1>  
    </header>  
    <div class="mui-content mui-scroll-wrapper" id="refreshContainer">  
      <div class="mui-scroll">  
        <!-- 主界面具体展示内容 -->  
       <ul class="mui-table-view mui-table-view-chevron">  

       </ul>  
      </div>  
    </div>    
  </div>  
</div>  
</body>  
</html>  
<script type="text/javascript" charset="utf-8">  
        mui.init(swipeBack: false,  
}  

    document.querySelector('.mui-icon-bars').addEventListener('tap', function() {  
                offCanvasWrapper.offCanvas('show');  
            });      
    </script>

点击侧滑没有用？求大神告诉我