Javascript Onsen UI拆分器端始终关闭
我目前正在开发一个带有OnsenUI的phonegap应用程序,我想使用ons splitter创建一个没有角度的滑动菜单。然而,我有一个问题与分裂方,因为它似乎是发展的方式,它总是在一个开放的手机方向(横向或纵向)。根据文档,如果“collapse”参数未定义,则默认情况下应始终折叠,但改为始终打开。我在javascript中部署了一个变通方法,根据手机方向动态更改此参数,但它有点滞后,不够令人满意 问题是:是否可以强制拆分器侧仅在刷卡时打开?还是有更好的解决方案让它发挥作用 HTML代码:Javascript Onsen UI拆分器端始终关闭,javascript,cordova,onsen-ui,Javascript,Cordova,Onsen Ui,我目前正在开发一个带有OnsenUI的phonegap应用程序,我想使用ons splitter创建一个没有角度的滑动菜单。然而,我有一个问题与分裂方,因为它似乎是发展的方式,它总是在一个开放的手机方向(横向或纵向)。根据文档,如果“collapse”参数未定义,则默认情况下应始终折叠,但改为始终打开。我在javascript中部署了一个变通方法,根据手机方向动态更改此参数,但它有点滞后,不够令人满意 问题是:是否可以强制拆分器侧仅在刷卡时打开?还是有更好的解决方案让它发挥作用 HTML代码:
<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>
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');
}
})
onsen论坛上的一些好人回答了我的问题。文件具有误导性。保留collapse param未定义实际上不起作用,您必须将其定义为空字符串:
<ons-splitter-side id="side_splitter" side="left" collapse="" swipeable width="200px">
希望这对别人有帮助