4
我使用的是onsen-ui(v1.14),我试图在标签之间滑动,就像在facebook messenger上,但我无法使它工作。滑动标签项之间,onsen-ui
我试过在ons-gesture-detector中使用“setActiveTab”函数,在几种组合中都没有工作。
我使用的是onsen-ui(v1.14),我试图在标签之间滑动,就像在facebook messenger上,但我无法使它工作。滑动标签项之间,onsen-ui
我试过在ons-gesture-detector中使用“setActiveTab”函数,在几种组合中都没有工作。
这里就是我所做的(一个工具栏)
CSS
.activebtn .ng-scope{
color: blue;
}
HTML您使用的测试什么平台
<ons-template id="list.html">
<ons-toolbar var="tb">
<div class="center">
<ons-toolbar-button class="tbbtn" id="btn_0" ng-click="abc.setActiveCarouselItemIndex(0)">ALL</ons-toolbar-button>
<ons-toolbar-button class="tbbtn" id="btn_1" ng-click="abc.setActiveCarouselItemIndex(1)">PEOPLE</ons-toolbar-button>
<ons-toolbar-button class="tbbtn" id="btn_2" ng-click="abc.setActiveCarouselItemIndex(2)"> TOPICS</ons-toolbar-button>
<ons-toolbar-button class="tbbtn" id="btn_3" ng-click="abc.setActiveCarouselItemIndex(3)">ACCOUNTS</ons-toolbar-button>
</div>
</ons-toolbar>
<ons-carousel style="width: 100%; height: 100%" auto-scroll var="abc" ng-controller="ListCtrl">
<ons-carousel-item>
a...
</ons-carousel-item>
<ons-carousel-item>
b...
</ons-carousel-item>
<ons-carousel-item>
c...
</ons-carousel-item>
<ons-carousel-item>
d...
</ons-carousel-item>
</ons-carousel>
</ons-template>
JS
app.controller('ListCtrl', function($scope, $http) {
$('#btn_0').addClass('activebtn');
setTimeout(function(){
abc.on('postchange', function(){
$('.tbbtn ').removeClass('activebtn');
$('#btn_' + abc.getActiveCarouselItemIndex()).addClass('activebtn');
});
}, 400);
});
? – HaSuKrOnOs 2014-10-20 18:08:54
我在Android的Monaca Debugger中使用科尔多瓦。 – 2014-10-21 18:52:11
现在,Onsen UI 1.1.4不支持通过刷卡切换标签。 – Ataru 2014-10-27 07:29:30