如何使用jQueryUI制作子标签？

我们在垂直向左下方的标签应用中有一个接口标准。 95％的时间，这是我们需要的一切，一切都很好。如何使用jQueryUI制作子标签？

| Tab   | Content 
| Selected Tab 
| Tab   |

我们现在已经是一个需要被分解成子部分标签。我们真的不希望交换到子内容部分顶部的水平制表符。如果其中一个侧面标签可以向下展开以显示可选择的儿童标签，那将是理想的。

| Tab   | Content of Selected Tab Child 2 
| Selected Tab | 
| Child 1 | 
| Child 2 
| Child 3 | 
| Tab   |

是否有一个插件jQueryUI已经做了这样的事情？还是我们从头开始？

来源

2012-02-15 jhogendorn

你可以设置你当前的“水平”解决方案的演示吗？ – Sinetheta 2012-02-15 04:59:34

呃，我们没有一个当前的水平解决方案？ – jhogendorn 2012-02-15 05:46:45

jquery-vert-tabs有嵌套的标签支持，但据我所知不是你想要的干净的方式...

screenshot of jquery-vert-tabs example of nested tabs

什么是你目前正在使用的垂直选项卡

？ jQuery UI不支持它，所以我假设你要么使用另一个插件，要么有定制的解决方案。

如果你没有找到更好的方法，我会建议创建一个带有“常规”选项卡和“子”选项卡的菜单，后者带有一些缩进（使用padding-left或在其之前添加一些 ）默认。当您点击常规选项卡时，所有子选项卡将被隐藏，除了被点击的选项卡的子选项卡以外，将显示该选项卡。根据你目前的使用情况，这不应该太难实施...

来源

2012-02-16 15:50:00 mgibsonbr

如何使用jQueryUI制作子标签？

回答

相关问题