如何添加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>