渐忘丶
渐忘丶
  • 发布:2017-03-18 11:56
  • 更新:2017-06-05 14:11
  • 阅读:2214

侧滑菜单怎么用js触发展开和收缩

分类:MUI

有没有方法?

2017-03-18 11:56 负责人:无 分享
已邀请:
BoredApe

BoredApe - 有问题就会有答案。

mui('#offCanvasWrapper').offCanvas().toggle()
  • 渐忘丶 (作者)

    提示这个:Uncaught TypeError: Cannot read property 'toggle' of undefined


    2017-03-19 12:48

  • BoredApe

    侧滑菜单 选择器是否正确?


    2017-03-19 15:05

  • 渐忘丶 (作者)

    我把每个id都试了一次,都不行


    2017-03-21 17:06

  • BoredApe

    额... 不要猜呀.读懂代码再去尝试.你可以将你的代码片段上传.上来


    2017-03-21 17:44

  • 渐忘丶 (作者)

    	<div id="offCanvasWrapper" class="mui-off-canvas-wrap mui-draggable">  
    <!--侧滑菜单部分-->
    <aside id="offCanvasSide" class="mui-off-canvas-left">
    <div id="offCanvasSideScroll" class="mui-scroll-wrapper">
    <div class="mui-scroll">
    登录/注册
    </div>
    </div>
    </aside>
    <!--主界面部分-->
    <div class="mui-inner-wrap">

    <div id="offCanvasContentScroll" class="mui-content mui-scroll-wrapper">
    <iframe src="main.html" height="85%" width="100%" style="border: 0px;"></iframe>
    </div>
    <!-- off-canvas backdrop -->

    <div class="mui-bar mui-bar-footer" style="height: 15.5%;padding-top: 20px;">
    <a href="#offCanvasSide" id="chcd">菜单</a>
    <a id="cs">test</a>

    <audio id="audio" autoplay controls type="audio/mpeg" style="float: left;">
    <source id="source" src="mp3/canxue.mp3" />
    </audio>

    </div>

    <div class="mui-off-canvas-backdrop"></div>
    </div>
    </div>
    <script type="text/javascript" src="js/mui.js" ></script>
    <script>

    $("a").on("tap",function(){


    mui('#offCanvasWrapper').offCanvas().toggle();
    });
    </script>

    2017-03-22 08:36

  • 渐忘丶 (作者)

    回复 BoredApe:侧滑菜单上的哪个id我试了都不行 = - =


    2017-03-22 08:37

__raymond

__raymond - https://segmentfault.com/u/_raymond

点击显示侧滑导航

		mui('#bsBoxStart').on('tap',"#offCanvasBtn",function(e){  
			e.stopPropagation();  
			mui('.mui-off-canvas-wrap').offCanvas().toggle();  
		});

该问题目前已经被锁定, 无法添加新回复