制作自定义选项卡最简单的JavaScript库是什么？

Question

制作自定义选项卡最简单的JavaScript库是什么？

javascriptcsstabs

6

我想在正在开发的网页上制作选项卡显示。我需要应用自己的样式，因此我希望找到一个JavaScript库，它提供非常少的默认样式，并尽可能地简化自定义。

我想要的功能：

指定用于选项卡的图像。
选项卡可以调整大小以适应其中的文本。
相对容易应用自己的样式。

我查看了jQuery UI Tabs，但如果我不使用他们的工具，似乎很难应用自己的样式。

我还查看了jQuery Tools，它似乎更容易定制，但似乎需要使用固定长度的选项卡图像。

有人能推荐一个创建自定义选项卡导航的好的JS库吗？我是否使上述两个库的自定义变得比必要的困难？

- Abe Miessler

能否请下投票人解释一下原因？ - Abe Miessler

1

jQuery UI的选项卡非常可扩展。甚至有一个关于哪些类在哪些情况下应用的详细说明。样式设置只需选择正确的.ui-whatever选择器并根据需要设置样式即可。只需查看“主题”选项卡。 - zzzzBov

很好。在我的辩护中，他们在主题选项卡下说：“我们建议使用ThemeRoller工具创建和下载易于构建和维护的自定义主题。”似乎不像他们建议我上面提到的路线。 - Abe Miessler

要获得类似于jQuery UI中所示的选项卡集合，ThemeRoller是最好的选择。如果您想要自定义，则可以构建自己的样式表。最后，.tabs会向您在选项中指定的内容添加一些事件处理程序和一堆类。它不会显式地设置任何样式。这完全取决于您。 - zzzzBov

2个回答

2

使用jQuery-UI，您可以轻松地使用CSS更改样式，您不需要任何花哨的工具 ^_^

- Naftali

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Rion Williams · Accepted Answer

这是一个超级简单的步骤，使用jQuery创建自定义选项卡，我曾经跟随它进行过一次，并且自那以后就没有使用其他选项卡了: 自定义jQuery选项卡| Soh Tanaka 我知道在这种情况下经常使用库可能很诱人，但它非常直接，您将了解有关它们如何工作的所有信息，这将使您比几乎其他插件更容易地自定义它们。