选项卡菜单：更改页面加载时关注的选项卡？

Question

在this page的底部，我有一个标签菜单。它可以工作，但我们需要第二个选项卡在页面加载时聚焦“当前版本”，而不是第一个（“上一版本”）。

我尝试了不同的东西（将class="active"添加到第二个标签的li），但到目前为止没有成功。

任何人都知道如何做到这一点？

Answer 1

这通常可能更好地在服务器上执行此操作，但如果您对客户端解决方案没问题（因为问题标记为jQuery），您可以这样做：

$(function() {
  $('ul .current-release').click();
});

Answer 2

我刚刚意识到你没有使用jQuery UI Tabs。我认为你应该认真考虑改用它。它让您的生活更轻松。看一下演示：http://jqueryui.com/demos/tabs/。

使用jQuery UI选项卡后，只需使用selected选项启动选项卡：

$( "#tabs" ).tabs({ selected: 1 });

Answer 3

首先，您应该了解聚焦如何适用于第一个选项卡。在active元素上或在其中的其他元素上有li类吗？

其次，您应该看看是否有任何客户端脚本在工作？一些基于选项卡的系统（如Telerik Tabs）使用cookie和客户端JavaScript来聚焦当前选项卡。

第三，你应该看看标签是否没有突出显示并从服务器聚焦。有时，尽管客户端尝试了所有，服务器在幕后做了一些事情。 （当然，这只有在您没有编写服务器端代码时才有意义。）