2

我有一个简单的 JQuery UI 选项卡菜单正在工作，我对其进行了设置，以便除第一个（主页）之外的所有链接都将展开/折叠，并且单击“主页”项只会重定向到同一页面。

    $("#tabs").tabs({
    collapsible: true,
    select: function(event, ui) {
        if (ui.index == 0){//home
            window.location.href = 'test.html';
        }
    }
});

虽然这可行，但当“主页”选项卡处于活动状态时，并且您第一次单击任何其他选项卡时，两个选项卡都会出于某种原因应用活动类。这只是第一次发生。再次选择相同的选项卡或其他选项卡不会导致该问题。我不知道如何解决这个问题。

你可以在这里看到演示

4

2 回答 2

0

尝试在选择器上使用 first()。这是参考：http ://api.jquery.com/first/

希望这可以帮助。

于 2012-10-01T16:38:43.550 回答
0

2个问题：

  1. 您的“#”href 导致错误
  2. 没有 home 参考似乎也会导致错误。

http://jsfiddle.net/D7kqG/3/似乎具有您想要的功能-您只需将“home” div 设置为没有高度/宽度即可看起来像您想要的那样。

编辑：本来预计这会起作用：

http://jsfiddle.net/D7kqG/4/

（即在单击时折叠主页选项卡）但它没有添加类......

好吧，这应该正是你想要的：http: //jsfiddle.net/D7kqG/5/

它会自动折叠和展开主页选项卡的内容 div。

于 2012-10-01T16:47:04.153 回答