javascript - 下拉菜单的 CSS 与 Javascript(或库 js)

标签 javascript jquery css jquery-ui

<分区>

我即将开始一个需要下拉菜单的元素 - 基本上,它将由类别组成,并且在这些类别中 - 将有一个额外的子类别下拉菜单。阿拉。

MENU
---> Colors
---> Sizes --> Large
---> Makes     Medium

每只猫“都可以”有一个子菜单。

我的问题是关于纯 CSS3 菜单的出现 - 以及它们与传统 JS 创建的菜单相比有什么优势(如果有的话)。我知道有很多 jQuery 菜单和 CSS3——我很好奇,现在哪个是更健壮/更可维护的解决方案?

用于菜单创建的 CSS3 与 jQuery(或任何 js 解决方案)?

最佳答案

  1. 您可以在不使用任何 CSS3 特定属性的情况下创建下拉菜单。
  2. 除非您需要动画或实际上需要 jQuery 或 javascript,否则请坚持使用 CSS。

为什么?

您的用户有可能(虽然不太可能)在他们的浏览器上关闭了 javascript,这意味着他们不会按照预期的方式看到您的菜单,普通用户无法禁用 CSS(是的,可以这样做与网络开发者附加组件)。您还包括了一个完整的库并为一些不需要它的东西编写了脚本。

您解释的内容根本不需要 jQuery 或 javascript,那么为什么还要费心使用它呢?

关于javascript - 下拉菜单的 CSS 与 Javascript(或库 js),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14204392/

上一篇:html - CSS3动画(关键帧动画)

下一篇:php - jQuery 无法处理加载的内容

相关文章:

html - <button> 占据所有可用宽度

javascript - 在javascript中,多个等号是什么意思?

javascript - 获取数据以在 ng-options 中显示,但设置动态默认值

javascript - 悬停几秒后启动功能

javascript - 与 getElementsByTagName 相关的问题

jQuery:简单地将按钮从一个类淡入另一类?

javascript - 在 dygraph 中创建图表时是否可以忽略 0 值

javascript - Knockout 多次点击绑定(bind)不适用于 IE8

jquery - Bootstrap 表单不显示内联

html - 将有序列表中的希伯来字母右对齐