Onsen UI Tabbar + Carousel结合

时间:2017-07-31 13:57:49

标签: carousel onsen-ui tabbar

我尝试将Tabbar + Carousel与Onsen UI结合使用拖动效果

我有一点问题;

当我在与旋转木马相同的页面中添加Tabbar时,旋转木马滑动不起作用。

当我将标签栏放在旋转木马的不同页面时,滑动效果很好,但我无法检索当前索引(OnPostChange)

有人有解决方案吗?

谢谢

我把两个代码放在

下面

第一: https://codepen.io/yohann3396/pen/brppxY

第二: https://codepen.io/yohann3396/pen/jLqqdK

 ons.bootstrap();
  ons.ready(function() {

 alert('test');
  carousel.on('postchange', function(event) {
  var test = carousel.getActiveIndex();
  alert(test);
  });


    });

1 个答案:

答案 0 :(得分:0)

目前的版本无法实现。对不起没有人回答你,我一直在努力寻找解决方案。

有一个简单网站的解决方法。如果为每个选项卡创建完整的重复轮播,则可以将页面值更改为不同的名称。您必须为每个选项卡都有一个页面,并且您可能不会使用重复项,但您可以链接到轮播中的特定页面。如果您复制了所有这些内容,用户将无法告诉他们实际上是在具有不同模板ID的单独旋转木马上。