当标签栏按钮单击角度时如何滑动?

时间:2014-09-05 16:41:30

标签: javascript jquery angularjs jquery-mobile

我正在使用转换:" slide"当用户点击任何标签按钮时。显示竞争。我能在jQm中实现这里是小提琴 http://jsfiddle.net/ezanker/o9foej5L/1/ 我在角度使用相同的概念并使用相同的插件(owlCarousel)。当用户向左和向右滑动时我能够滑动。但是我需要在用户选项卡时左右滑动或单击标签栏上的任何按钮。如上面提到的那样。

这里是plunker http://plnkr.co/edit/M08sP4oEZLWr6HgGKAde?p=preview

<div class="btn-group btn-group-justified tab">
    <div class="btn-group">
        <button type="button" class="btn btn-default">Tab1</button>
    </div>
    <div class="btn-group">
        <button type="button" class="btn btn-default">Tab2</button>
    </div>
    <div class="btn-group">
        <button type="button" class="btn btn-default">Tab3</button>
    </div>
</div>

我需要在用户tab2按钮时使用tab2内容,或者在tab3中使用滑动。

1 个答案:

答案 0 :(得分:0)

我不知道您是否真的需要重新映射范围,但我已对其进行修改以使其正常工作here

将指令中的链接代码更改为以下内容使其有效。

$(element).owlCarousel(scope.owlOptio);
  scope.goto = function(tab) {
    var owl = $(element).data('owlCarousel');
    console.log('tab is ', tab)
    owl.goTo(tab);
  };