问在加载新页面时使选项卡保持活动状态

EN

我不确定这是不是你所指的，但我猜当你在“元素”选项卡上刷新页面时，你会希望页面在“元素”选项卡被选中的情况下重新加载。

要做到这一点，典型的方法是通过使用Hash标签和一些JavaScript逻辑。具体地说:你的每个标签实际上都是一个<a />标签，而且目前它们都有一个href='#'的url，这意味着它们是散列标签链接。然而，它们都链接到基哈希。

通常，您将看到每个选项卡都有一个不同的散列引用，它引用了页面所处的不同视图模式。因此，如果URL包含#dashboard，页面上的javascript就会知道页面一加载，就应该显示仪表板。另一方面，如果URL包含#elements，则应该显示"Elements“选项卡。

有一些可靠的插件可以处理这类事情--但不需要对你的UI进行重大重写(它看起来已经很时髦了)--我建议只做一点jQuery来找出哈希是什么，并在加载时检查它。

请看堆栈溢出问题Retrieve specific hash tag's value from url，作为使用标签的一些方法的示例。

如果你试图弄清楚的问题是如何设置标签来反映页面的变化，你需要根据加载的url来调整标签上的“当前”类。通过在html视图中检查nav元素，可以很容易地在浏览器控制台中查看此类。

类可能是最简单的，如果通过服务器代码添加的话。

导航选项卡的javascript( jQUery)代码从scripts.js的第477行开始

您的问题是，当新页面加载时，您没有将“当前”类传递给选项卡。因此，如果您单击第二个、第三个、第四个标签，页面会重新加载，或者加载新的标签，带有"current“类的原始标签仍然是第一个标签。

你必须手动的在每一页的基础上应用"current“类到每个标签页，或者建立一个逻辑来找出当页面加载时你在哪个页面上，用"current”类填充正确的标签页，本质上这取决于你的实际模板是如何布局的，它是静态的，动态的，等等。