我想在 JQuery UI 选项卡布局中将一个大型 HTML 表单分解为几个较小的子表单。但我想要一个特殊的“全部”选项卡,其中包含该选项卡上的所有子表单。因此,当用户单击“全部”选项卡时,他们可以查看和编辑通常划分在多个选项卡上的所有表单域。
我如何使用 JQuery 轻松地做到这一点?我想避免拥有实际字段的两个副本,因为在子表单版本和特殊的“全部”表单版本之间复制/粘贴数据似乎很痛苦。
请注意:我使用的是 ui.jquery.com 选项卡布局。
最佳答案
似乎您只需要将字段分组到 DIV 中,然后一次只显示一个 DIV,除非查看者选择了“全部”。这是一个非常快速的模型,但应该清楚地说明我的观点。
<!-- Clicking a groupButton hides all groups, save for the href'd group -->
<a href="#group1" class="groupButton">Group 1</a>
<a href="#group2" class="groupButton">Group 2</a>
<!-- If the href'd group is '0', show all groups -->
<a href="#group0" class="groupButton">View All</a>
<div id="group1" class="group">
<!-- Group 1 Form Elements -->
</div>
<div id="group2" class="group">
<!-- Group 2 Form Elements -->
</div>
关于jquery - 我想将一个 HTML 表单分解为几个 JQuery UI 选项卡,并有一个 "ALL"选项卡,其中包含所有表单位,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/558571/