首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >Onsen-UI拆分器侧始终关闭。

Onsen-UI拆分器侧始终关闭。
EN

Stack Overflow用户
提问于 2016-02-10 10:26:22
回答 1查看 807关注 0票数 3

我目前正在开发一个带有OnsenUI的phonegap应用程序,我想使用ons创建一个没有角度的滑动菜单。然而,我有一个问题,分配器的一面,因为它似乎是发展的方式,它总是开放的一个电话方向(景观或肖像)。根据这些文档,如果“折叠”param是未定义的,那么默认情况下应该始终折叠它,但是它总是打开的。我在javascript中部署了一个解决方案,根据手机的方向动态地更改这个参数,但是它有点滞后,不够令人满意。

问题是这样的:是否可以强迫拆分器侧只在滑动时打开?还是有更好的解决办法让它发挥作用?

HTML代码:

代码语言:javascript
复制
<ons-splitter var="splitter">
    <ons-splitter-side id="side_splitter" side="left" swipeable width="200px">
        <ons-page>
            <ons-toolbar>
                <div class="center">Menu</div>
            </ons-toolbar>
            <ons-list>
                <ons-list-item modifier="chevron">
                    Page 1
                </ons-list-item>
                <ons-list-item modifier="chevron">
                    Page 2
                </ons-list-item>
            </ons-list>
        </ons-page>
    </ons-splitter-side>
    <ons-splitter-content page="page1.html">
    </ons-splitter-content>
</ons-splitter>

Javascript解决方案:

代码语言:javascript
复制
ons.orientation.on('change', function(e){
        if (e.isPortrait){
            console.log('portrait');
            $("#side_splitter").attr('collapse','portrait');
        } else {
            console.log('landscape');
            $("#side_splitter").attr('collapse','landscape');
        }
    })
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2016-02-16 09:31:23

一个在温泉论坛上的好人回答了我的问题。医生是误导人的。使折叠参数未定义实际上不起作用,您必须将其定义为空字符串:

代码语言:javascript
复制
<ons-splitter-side id="side_splitter" side="left" collapse="" swipeable width="200px">

希望这能帮上忙。

票数 3
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/35312590

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档