如何使用JavaScript或jquery在uikit的选项卡中导航?

时间:2019-06-25 07:52:57

标签: javascript jquery uikit

我已经使用uikit创建了选项卡,但是现在我想如果我单击锚标记,则应运行一个功能,然后应激活特定的选项卡。

我为此创建了一个函数:-

function astmhsfchcsi() {
    window.location.href = '../../../index.html';

    var astmBolt = document.getElementById("dinTab");

    astmBolt.className += " uk-active";

    console.log("class Added");

    var astmhBoltAttribute = astmBolt.getAttribute("aria-expanded");

    if (astmhBoltAttribute == "false");
    {
      var y = document.getElementById("astmTab");
      y.classList.remove("uk-active");
      console.log("class Removed");
      y.getAttribute("aria-expanded");
      y.setAttribute("aria-expanded", "false");
      console.log("Attribute Removed");
    } 

    astmBolt.setAttribute("aria-expanded", astmhBoltAttribute);
    console.log("Attribute Added");
}

下面是我的uikit标签代码

<ul class="uk-child-width-expand" uk-tab="animation: uk-animation-slide-left-medium, uk-animation-slide-right-medium">
   <li class="uk-text-bold" id="astmTab"><a href="#">ASTM</a></li>
   <li class="uk-text-bold" id="dinTab"><a href="#">DIN</a></li>
   <li class="uk-text-bold" id="jisTab"><a href="#">JIS</a></li>
   <li class="uk-text-bold" id="isoTab"><a href="#">ISO</a></li>
</ul>

启动我的功能后,它可以工作,但选项卡没有更改。

0 个答案:

没有答案