0

我想知道如何创建一个选项卡功能，就像 jQuery UI 在纯 JavaScript 中提供的那样。我真的不知道它是如何完成的，因为主要原因是我无法理解它！

所以，基本上我需要帮助的是我能够创建该功能的逻辑。

有些事情我无法理解，例如，一旦单击选项卡，它们如何将样式从一个元素（选项卡）转移到另一个元素？前一个选项卡如何失去其样式而其他选项卡获得相同的样式？我知道他们实际上正在转换classes，但如何？

同样，当单击一个选项卡时列表如何显示，当单击另一个选项卡时它会隐藏而另一个显示。我无法真正理解风格转变背后的逻辑。

4

2 回答 2

2

这是我要做的：

  1. 查看 jQueryUi 选项卡控件（或 DynamicDrive 或 YUI 或 Bootstrap 或其他）的说明。
  2. 观察这些容器的 HTML 是如何构造的。
  3. 在您的页面上复制此 HTML 结构
  4. 查找 W3C 或 Mozilla 的关于使用 javascript 创建事件处理程序的文档，将“onClick”添加到 HTML 中的选项卡元素中，可以动态添加，也可以通过“onclick”html 属性添加
  5. 查找有关如何使用 javascript 操作 HTML 元素的样式或类属性的 W3C 或其他文档，通过 onclick 事件将其应用于您的选项卡。

如果您想更花哨，那里有大量关于 javascript 的文档。

于 2013-05-07T16:34:25.480 回答
2

DynamicDrive 有一个例子。这有帮助吗？

DynamicDrive 选项卡教程

于 2013-05-07T16:19:43.090 回答