javascript - UIkit : set switcher tab to current window hash

Question

我在问this question这里是为了更多的观众 - 这是没有记录的东西。

在我的登录表单中使用 UIkit 中的标签切换器。这是标记:

<ul class="uk-tab" data-uk-switcher="{connect:'#tabs'}">
    <li id="session" class="uk-active"><a href="">New Session</a></li>
    <li id="help"><a href="">Help</a></li>
</ul>

<ul id="tabs" class="uk-switcher">
    <li id="session">...</li>
    <li id="help">...</li>
</ul>

当窗口哈希为#help 时，我需要将事件选项卡设置为“帮助”选项卡。看来我只是部分地完成了这项工作，具体如下:

if (window.location.hash == '#help') {
    UIkit.switcher($('[data-uk-switcher]')).show($('li#help'));
}

但我在某个地方漏掉了一步，因为现在我无法返回到“新 session ”选项卡。

上述方法如何覆盖内置行为？如果是这样，该方法显然不正确 - 在这种情况下，正确的方法是什么？

Answer 1

我的版本

JS

switcherTab('uk-tab-administration');

function switcherTab(id){
    $('#'+id+' a[href = "'+window.location.hash+'"]').parent('li').click();

    $('#'+id+' a').click(function(){
        var val = $(this).attr('href');
        window.location.hash = val.replace("#", "");
    });
}

HTML

<ul uk-tab id="uk-tab-administration">
    <li><a href="#item1">Item 1</a></li>
    <li><a href="#item2">Item 2</a></li>
</ul>

<ul class="uk-switcher uk-margin">
    <li>content1</li>
    <li>content2</li>
</ul>