javascript - Accordion 和标签之间的区别

标签 javascript html jquery-ui user-interface

Accordion 相对于标签有什么好处,反之亦然?

尽管许多 Javascript UI 框架/库都支持它们, 你可以在这里看到例子:http://jqueryui.com/demos/

对我来说,它们的用途完全相同(隐藏复杂性),除了恕我直言, Accordion 更适合“连续阅读”,更容易快速转到下一节,而标签似乎更“随机访问”

它们有什么好处,我什么时候应该选择其中一种而不是后者? (从UX的 Angular 来看,我不关心水平/垂直和html代码差异)

最佳答案

根据 repost on UX , accordions 有固定的高度,它们必须适合整个屏幕 ( see example ) - 这很重要,因为随时可以轻松选择不同的部分(我们不想向上/向下滚动到按照我的想法选择其他部分)。 我完全错过了。

另一方面,选项卡可以有不同的高度(尽管最好也固定它们并提供滚动条)。与 Accordion 不同的是,选项卡标题在选择后保留在它们的位置。

Accordion 最适合移动设备,水平标签的空间不足,垂直标签需要用户旋转头部才能阅读标题。在这种情况下,“移动标题”是一种必要的邪恶形式。

关于javascript - Accordion 和标签之间的区别,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5690589/

相关文章:

JavaScript 关联数组 :/

javascript - 为什么覆盖在 IE 中不起作用?

jquery 可拖动选项

jquery - 将表行从一个选项卡表拖放到另一个选项卡表 - Jquery

javascript - 看我的背景图片 : url() inside of other div

javascript - javascript textarea POST换行MySQL

javascript - 谷歌地图标记监听器问题

java - 如何将 url id 映射到服务器上的内容?

javascript - 按下后退按钮时如何取消选择单选按钮?

javascript - jQueryUI Modal - 添加多个按钮