Question

朋友们，我使用uikit框架，但我有一点问题默认情况下，uikit中的切换器（选项卡）组件没有此功能，它具有一个名为active的attrib值，我们可以在页面加载时设置默认选项卡，但我无法使用导航按钮转到下一个/ prev选项卡这是我使用的代码

<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" );
    });

但它不会工作请帮我制作标签的导航链接

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>

如何将下一个/上一个按钮添加到uikit选项卡

1 个答案: