2014-09-05 64 views
0

我正在使用過渡:「幻燈片」,當用戶點擊任何選項卡按鈕。顯示爭用。我能夠在jQm中實現這裏是小提琴 http://jsfiddle.net/ezanker/o9foej5L/1/ 我使用相同的概念在角度和使用相同的插件(貓頭鷹卡洛斯)。我當用戶向左和向右滑動時,我可以滑動。但當用戶選項卡或單擊標籤欄上的任何按鈕時,我需要左右滑動。如上面提到的那樣。如何在標籤欄按鈕單擊角度時滑動?

這裏是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滑動一樣。

+0

http://stackoverflow.com/questions/25669892/animation-in-angular-js-slide-animation-of-div – ezanker 2014-09-05 16:56:30

+0

@ezanker在這個問題還選項卡中單擊問題仍然存在 – Shruti 2014-09-05 17:11:30

+0

@ezanker你有任何解決方案的標籤點擊..我認爲你在JQM做過,你有任何想法的角度 – Shruti 2014-09-05 17:19:21

回答

0

我不知道你是否真的需要重新映射你的範圍,但我已經修改了它,使其工作here

在指令更改鏈接代碼,以下也可以正常工作。

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