javascript - jQuery 工具 : Tabs: Adding Current Class to List Item?

Question

计算器，

我正在通过 Jquery 工具使用选项卡:选项卡系统，但似乎无法弄清楚如何将 CURRENT 类添加到列表项中，该列表项不是列表中的第一项，而该类既不应用于第一项以及我将其放在的任何 LIST ITEM ...任何人有什么想法吗？

http://flowplayer.org/tools/demos/tabs/index.html

非常感谢，亚伦

编辑:我没有 jQuery 工具的 JavaScript/jQuery 代码:选项卡系统...因为我是从 CDN 调用它的:

http://cdn.jquerytools.org/1.2.6/full/jquery.tools.min.js

但是。

这是我在 HTML 中的内容。

<ul class="tabs">
    <li><a href="#">First</a></li>
    <li><a href="#">Second</a></li>
    <li><a href="#">Third</a></li>
    <li><a href="#">Fourth</a></li>
    <li><a href="#">Fifth</a></li>
  </ul>

如果我能更好地解释它，它必须是这样的:jQuery 选项卡系统将类(当前)添加到第一个选项卡，因此在我们的案例中默认为第一个列表项“FIRST”。我想要做的是将当前类添加到不同的列表项，例如“SECOND”。但这就是我的问题所在，我应该如何通过 jQuery 停止将类“current”默认添加到第一个列表项，这样我就可以将“current”添加到另一个 LIST ITEM，然后在单击时在其他列表项上应用当前类。

这有意义吗？抱歉，如果没有默认的 RAW jQuery 文件，这会有点难以解释。

再次感谢，亚伦

Answer 1

使用您提供的 HTML 和 jquerytools 中的代码(如您问题中的链接)，我能够重现选项卡系统而不会出现您遇到的问题:

JSFiddle:http://jsfiddle.net/syG2Q/

您可能需要更新到最新版本的 JQuery。

如果不是这种情况，那么也许您可以在 JSFiddle 中重现您的错误对我们来说(随意使用我的示例作为工作示例)。

编辑

好吧，我相信我在阅读时误解了你的问题。

@nav 将您链接到一些有用的文档:http://flowplayer.org/tools/demos/tabs/anchors.html#second

根据该文档，您需要在 anchor 标记的 href 中添加一个名称，然后相应地调用它:

<ul class="tabs">
    <li><a href="#first">First</a></li>
    <li><a href="#second">Second</a></li>
    <li><a href="#third">Third</a></li>
    <li><a href="#fourth">Fourth</a></li>
    <li><a href="#fifth">Fifth</a></li>
</ul>

然后在页面加载时的 javascript 中:

location.hash = "second";

JSFiddle:http://jsfiddle.net/syG2Q/2/