Question

我有这个脚本，目前可以很好地导航


window.uicontrols.createTabBarItem("home", "Tab 1", "icon1.png", {
  onSelect: function() {
    jQT.goTo("#home", "slide");
  }
});

window.uicontrols.createTabBarItem("tab2", "Tab 2", "icon2.png", {
  onSelect: function() {
    jQT.goTo("#tab2", "slide");
  }
});

唯一的问题是当用户点击按钮两次（即，当他们已经在活动内容上时点击它）时，它就会搞砸了。

我对javascript很新，并且想知道是否有人能够解释我如何编写适当的条件：
1。以在单击选项卡按钮后停止选择
2。，然后在点击其他标签时再次选择。

Answer 1

我的javascript生锈了，请原谅语法错误：

// A global variable to hold the currently active tab
var activeTab;

window.uicontrols.createTabBarItem("tab2", "Tab 2", "icon2.png", {
  onSelect: function() {
    myName = "#tab2"
    if (activeTab != myName)
    {
        jQT.goTo(myName, "slide");
        activeTab = myName;
    }
  }
});

或者如果您可以修改“jQT.goTo”功能，您可以将此逻辑放在那里以防止多次前往某个地方

要防止点击标签，您可以在其上设置“已禁用”属性，或者提出点击其中的其他视觉提示将不会执行任何操作

编写javascript条件 - 活动/非活动按钮

1 个答案: