如何添加next/prev按鈕到uikit選項卡

Question

嗨，朋友我使用uikit框架，但我有一個小問題 默認切換器（選項卡）componnet在uikit沒有此功能它有一個attrib值命名活躍，我們可以設置默認選項卡時，頁面加載，但我不能用它來進入下/上一個標籤與導航按鈕 這裏是我使用

<ul id="ad-adtab" class="ad-tab uk-tab uk-tab-grid" data-uk-tab="{connect:'#ad-additem', animation: 'fade', active:0}"> 
<li class="ad-step1 uk-width-1-4"><a href="">item</a></li> 
<li class="ad-step2 uk-width-1-4"><a href="">item2</a></li> 
</ul> 
<ul id="ad-additem" class="ad-switcher uk-switcher uk-margin"> 
<li>content 1</li> 
<li>content 2</li> 
</ul> 
<a class="ad-next">next</a> 

，在這裏，我用走的jQuery代碼到下一個標籤

$('.ad-next').on('click', function(){ 
     $('.ad-tab').attr("data-uk-tab", "connect:'#ad-additem', animation: 'fade', active:1"); 
    }); 

但它窩NT的工作，請幫助我，使內容中的導航鏈接，標籤

Answer 1

您可以使用此代碼：

<li> ... <a href="" data-uk-switcher-item="next">...</a></li> 
<li> ... <a href="" data-uk-switcher-item="previous">...</a></li> 

或切換到一個特定的標籤：

<li> ... <a href="" data-uk-switcher-item="0">...</a></li> 
<li> ... <a href="" data-uk-switcher-item="1">...</a></li>